DELPHI - Membuat tampilan delphi dengan model Ribbon ( office )

Selamat malam lagi pemirsa setia B-)

kali ini saya bakal bagi2 info buat kalian2 yang suka pake delphi :D
oke langsung aja lah yah :D

1. Pertama, donlod dlu devExpress, cari aja di google :D
2. Kedua, install deh sampe kelar. 
3. Ketiga, buka deh delphi 6 / 7 / 2010 nya (dalam kasus ini aku pake delphi 2010)

nah kalo 3 langkah diatas udah, mari kita lanjut...

1. bkin new project dlu seperti biasa, pilih VCL form applications.
2. tambahkan komponen dxBarManager
3. tambahkan komponen dxRibbon
4. tambahkan komponen dxRibbonStatusBar

kira2 kyk gini nih tampilan awalnya :

nah kalo sudah, gampang deh

buat nambah TAB, klik kanan di dxRibbon, trus pilih ADD TAB

nah gimana cara isi componen didalem ribbon ini?

saya kasi cara yg paling mudah.

caranya :

di TAB yang kita pilih, dibagian atasnya, klik kanan, pilih ADD GROUP WITH TOOLBAR

sehingga jadi kyk gini :

nah kalo untuk merubah tulisan, tinggal ganti di PROPERTIES - CAPTION

kamu bisa ngulik sendiri soal properties mah ~XD

nah didalam ribbon kan pasti ada item, buat di klik, ya engga?

gini caranya... di GROUP RIBBON yang tadi, klik kanan ADD LARGE BUTTON

fungsinya sama seperti BUTTON aja, kalo di dobel click, bisa dikasih coding, untuk nampilin form lain, untuk query, dan sebagainya. (tergantung keinginan)

untuk rubah tulisan, seperti biasa ada dibagian PROPERTIES - CAPTION

kamu bisa nambahin sebanyak yang km mau, dan seperlunya.

trus untuk LARGE BUTTON, masukin gambarnya lewat PROPERTIES - LARGE GLYPH

trus pilih LOAD dan cari gambar yang kamu mau
selanjutnya, tinggal kamu berkreasi sendiri :D

trus buat menu dipojok kiri, kita tambahin lagi ADD GROUP WITH EMPTY TOOLBAR, trus klik dxRIBBON nya, cari properties QUICK ACCESS TOOLBAR
expands (buka) aja,
trus pilih dibagian TOOLBAR, nanti tampilannya jadi seperti ini :

sebenernya konsepnya SAMA aja dengan toolbar yang biasa, cuman letaknya diatas,
untuk nambahin BUTTON, LARGE BUTTON, sama saja, klik kanan pada toolbar dan selanjutnya terserah anda :D


Mudah kan?
untuk komponen statusbar, dobel klik aja, trus ADD ( ini proses nambahin panel ) sebanyak yang dimau,
ubah2 dibagian PROPERTIES aja, disana banyak macamnya

untuk nampilin jam digital distatus bar, tambahin komponen TIMER
dobel klik trus ketik ini :

SStatusBar1.Panels[1].text:=formatdatetime('hh:mm:ss  dddd dd-MMMM-yyyy',now);

tu artinya NAME statusbar saya adalah sStatusBar1
Panels[1].text memaksudkan panel pertama (bagian pertama) dari status bar saya

semoga bisa membantu kawan2 sekalian :)