Membuat Menu Navigasi Dengan DevExpress Pada Delphi 7

Membuat Menu Navigasi Dengan DevExpress Pada Delphi 7. Jika belum memasang plugin DevExpress(Developer Express) maka sebaiknya di download dan di pasang dulu. Silahkan buka link ini:

http://reinforce-free.blogspot.com/2015/04/download-devexpress-developer-express.html

Dalam Tutorial kali ini kita membutuhkan:

ImageList (Controls) >> Pallete Win32

dxNavBar (dxNavBar) >> Pallete Dev Express

*Perlu diingat kali ini saya menggunakan ImageList pada Pallete Alpha Tools. jika kalian belum memasang plugin Alpha gunakan saja ImageList pada Pallete Win32. Namun jika kalian ingin memasang plugin Alpha terlebih dahulu silahkan buka link ini:

http://reinforce-free.blogspot.com/2015/04/download-dan-cara-memasangmenggunakan.html

Buatlah Form dan Letakkan dxNavBar sesuai gambar.. Klik dxNavBar Lalu pada Object Inspector carilah >> OptionsImage >> SmallImages >> pilih ImageList1. Keterangan:
Kotak Merah >> Groups
Kotak Hitam >> Items
Kotak Biru >> ImageList

---

Double klik pada ImageList

Masukan ikon atau gambar yang diinginkan (.ico .png). Nomor dibawah gambar adalah Nomor Index gambar

---

Double klik pada dxNavBar

Pada Groups Designer atur sesuai kebutuhan dan isi Captionnya pada Object Inspector

Pada Items Designer atur sesuai kebutuhan dan isi Captionnya pada Object Inspector

Pada Link Designer kita akan menghubungkan antara Group dan Item. Pertama klik terlebih dahulu dxNavBarGroup1 lalu klik Items yang ingin di masukan ke dalam Group tersebut. Berlaku untuk dxNavBarGroup2 dan seterusnya.

Pada Views Designer kita dapat memilih Style Menu Navigasi kita seperti gambar diatas. klik Close dan Selamat Menu Navigasi berhasil dibuat.

Untuk Menambahkan Icon klik Items atau Groups yang diinginkan lalu pada Object Inspector cari  SmallImageIndex dan isikan nomor sesuai Nomor Index gambar pada ImageList.

---

Hasil:

Terima Kasih & Semoga Bermanfaat.