Monday, 2 June 2014

Bikin menu Ribbon pada Delphi versi 2

Filled under:


  1. Pada component pallete delphi pilih ExpressBar.
  2. Kemudian pilih dxRibbon, letakkan komponennya pada form

  3. Kemudian pilih dxBarmanager secara default akan bernama dxBarManager1
  4. Pada Object Inspector dxRibbon pilih properties BarManager lalu link-kan dengan dxBarManager1

  5. Untuk memulai kerja pada bidang, klik kanan pada mouse lalu pilih Group With Toolbar untuk menambah komponen pada masing-masing menu

  6. Pada toolbar, klik kanan untuk menambahkan komponen

    Hasilnya

  7. Jika ingin membuat menu dipojok kiri atas, pada komponen dxRibbon cari properties QuickAccessToolbar kemudian pilih toolbar (cari toolbar yg memang disediakan untuk menu pada pojok kiri atas).Untuk meng-edit menu tersebut cari properties application button pada dxribbon

Jadi pada intinya dalam pembuatan ribbon dibutuhkan komponen dxBarManager. Prinsip ribbon sama dengan toolbar (komponen sebelumnya). Jika ingin menggali lebih dalam "mainkan" saja properties yg ada dan lihatlah perubahannya.

Tambahan Lainnya......



Mennyisipkan gambar pada komponen-komponen di ribbon.

  1. Pada component pallete pilih Dev Express lalu cari komponen cxImageList. Kemudian klik dan pindahkan ke form
  2. Lalu link-kan komponen tersebut pada komponen ribbon. Caranya pada komponen ribbon cari properties BarManager lalu expand kemudian cari ImageOption, nanti ada properties Images dan LargeImage. Salah satu saja dipilih
  3. Pada cxImageList itu sendiri Anda hanya menambahkan icon picture yg akan diurutkan pada index-nya. Double-klik komponen tersebut maka akan tampil seperti gambar di bawah ini :

  4. Pada komponen ribbon, klik component yg ingin disipkan gambar lalu cari properties ImageIndex atau largeImageIndex dan pilih icon yg ingin ditampilkan


Membuat Hint untuk komponen-komponen di ribbon

  1. Pada component pallete pilih ExpressBar lalu cari komponen dxbarScreenTipRepository
  2. Double-klik komponen tersebut lalu add new. Isi properties Header, Footer, Description
  3. Pada komponen yg ada di ribbon, klik komponen tersebut dan link-kan dgn dxBarScreenTipRepository. Caranya cari properties ScreenTip dan pilih

Posted By Unknown12:06

Bikin Menu Seperti Office 2010 Pada Delphi

Filled under:

Tampilan Office 2007 Memang Memukau dan Sangat Menggoda. Dengan Menu Ribbonnya, Ia Mampu Menyedot Perhatian Saya Sehingga terbersit Niat di hati untuk membuat aplikasi dengan Menu Office 2007 Tersebut (Sok Puitis) hehe.

Ok. Kita Fokus ke Pembahasan. Kali ini admin mau sharing tentang cara membuat menu seperti tampilan Microsoft Office 2007. Namanya adalah menu Ribbon. Lohh Katanya Seperti Office 2010 bagaimana sih ? saya anggap sama karena bentuknya sama. :)

Biar gak buang-buang waktu karena admin banyak kerjaan jadi langsung aja.

Step 1 : Download dulu software atau component yang yang dibutuhkan. dalam Hal ini adalah DevExpress. Download disini

Step 2 : Install component yang di download tadi. saya anggap sudah beres karena saya tidak meragukan kemampuan sobat dalam hal instal menginstal.

step 3 : Buka Delphi sobat ! Perhatikan Pallete-nya. Jika seperti dibawah ini, berarti instalasi sudah sukses.


Office 2010 1

step 5 : Pada Pallete ExpressBar, Tambahkan Komponen dxBarManager dulu, setelah itu dxRibbon.
step 6 : klik dua kali komponen dxBarManager lalu tambahkan Beberapa Toolbar

Office 2010 2

step 7 : Klik Kanan Pada komponen dxRibbonTab1 -> Add Tab. kemudian pada masing-masing Tab ganti Captionnya pada Object Inspector

Office 2010 3

Step 8 : Klik 1 Kali Tab Home. Lihat Pada Object TreeView Sobat -> dxRibbon -> dxRibbonTab1 -> Group -> Add Item

Office 2010

Step 9 : Klik 1 Kali Item yang tadi ditambahkan pada Group (tdxRibbonTabGroup). Perhatikan Object Inspector Sobat. ToolBar -> Pilih Salah Satu Toolbar yang tadi dibuat dengan dxBarManager (Pada Step 6)

Office 2010 4

Step 10 : Ulangi Langkah 8 dan 9 Agar Semua Toolbar ditambahkan pada tdxRibbonTabGroup. Hasil Sementara Seperti dibawah ini :

Office 2010 5

Step 11 : Klik Kanan Pada salah satu dari tiga Toolbar tersebut -> Add Large Button. Ubah Captionnya sesuai Kebutuhan. Jika Ingin Menambahkan gambar Pilih LargeGlyph

Office 2010 6

Step 12 : Saya Kira Tugas Saya Sudah Selesai. Selamat Berkreasi dan Silahkan Kembangkan Sendiri

Posted By Unknown11:49