Sunday, 23 April 2017T4/23/2017 11:38:00 pm

Cara Membuat Tampilan Menu Menarik Di Delphi Dengan Alpha Skin

Salam blogger……pada artikel kali ini saya akan share cara mudah membuat menu dan sub menu navigasi dropdown di Delphi. Dalam sebuah project aplikasi yang dibuat dari Delphi tampilan menu merupakan salah satu bagian terpenting dalam penggunaan aplikasi, semakin mudah digunakan dan semakin menarik sebuah tampilan aplikasi dapat menjadikan sebuah nilai tambah dari aplikasi tersebut. Nah untuk itu kita dituntut untuk dapat membuat tampilan user interface pada aplikasi yang menarik untuk digunakan oleh user tersebut. Salah satunya adalah membuat tampilan menu dan sub menu aplikasi yang menarik dan mudah digunakan.

Dalam membuat sebuah tampilan menu di Delphi, banyak komponen yang dapat kita gunakan baik itu komponen yang sudah tersedia di Delphi sendiri ataupun dari komponen yang berasal dari pihak ke tiga. Beberapa komponen di Delphi yang dapat membuat tampilan menu diantara nya adalah mainmenu, popupmenu, ribbon control, alpha skin, dev express dan masih banyak lagi. Tampilan menu yang dihasilkan dari komponen tersebut pun beragam jenis dan tampilannya, semua nya tergantung pada selera si pembuat aplikasi.

Nah pada kesempatan kali ini saya akan mencoba memberikan tutorial cara pembuatan menu dan submenu navigasi dropdown di Delphi dengan menggunakan komponen dari alpha skin. Cara pembuatannya pun bisa dibilang mudah dan sangat menarik untuk dgunakan. Sobat hanya perlu menginstall komponen alpha skin di Delphi sobat, jika sobat belum memiliki komponen nya sobat dapat mendownload dan menginstal komponennya di Delphi sobat, baca juga : cara install dan download komponen alpha skin di Delphi. Disni saya mencontohkan pembuatan menu aplikasinya dengan menggunakan Delphi XE 8, sobat dapat membuatnya dengan menggunakan Delphi versi apa saja, yang terpenting sobat sudah memiliki komponen alpha skin nya. Untuk mempersingkat waktu saya akan jelaskan cara pembuatan menu dan sub menu di Delphi menggunakan komponen alpha skin berikut.

Adapun langkah – langkah nya adalah sebagai berikut:

1. Buat sebuah project baru di Delphi sobat, caranya pilih File > New >VCL Forms Application.

2. Lalu pada form1 atur properties nya > WindowState = wsMaximized, position = poDekstopCenter

3. Kemudian pada tool palette di AlphaAdittional tambahkan komponen Tsframebar1, lalu klik 2x pada komponen sFrameBar1, lalu tambahkan 4 buah tsTitleItem dang anti captionnya menjadi File, Master, Administrasi, dan Help. (contoh lihat gambar).

4. Jika sudah selanjutnya tambahkan komponen TsPanel1 lalu atur propertiesnya > align=alTop, caption = “Menu Aplikasi”

5. Lalu tambahkan TsImage1 lalu atur ppropertiesnya > Align = alClient, stretch = True. Sehingga tampilan form nya akan menjadi seperti pada gambar dibawah ini.

6. Selanjutnya kita akan menambah beberapa frame untuk nenempatkan button dropdown nya, cara nya pada menu Delphi pilih File > New > Other > Delphi Files > Vcl Frame. (lihat gambar)

7. Maka akan muncul frame unit2, lalu tambahkan 3 buat TsBitBtn pada frame tersebut. (lihat gambar).

8. Jika sudah sekarang kita akan menambah koding program pada TsTitleItem agar frame tersebut dapat di tampilkan pada menu yang sudah kita buat di TsFrameBar1. Cara nya adalah klik TsFrameBar1, lalu pada item pilih TsTitleItem yang akan di tampilkan, selanjutnya pada object inspector pilih events lalu klik pada OnCreateFrame lalu masukan coding program berikut :

procedure TForm1.sFrameBar1Items0CreateFrame(Sender: TObject; var Frame: TCustomFrame);
begin
frame:=tframe2.create(nil) ;
end;

9. lalu tambahkan beberapa unit frame lagi  untuk menampilkan nya pada tsFrameBar1 dengan cara yang sama dengan diatas.

10. Untuk memperindah tampilnya selanjutnya tambahkan komponen TsSkinManager1, lalu klik2x pada komponen tersebut dan pilih AddNew > lalu pilih skin yang akan di gunakan, lalu klik Close, pada object inspector TsSkinMannager1 atur propertiesnya > Active = true. Maka tampilannya akan seperti pada gambar dibawah ini.

Jika sudah selesai sekarang sobat tinggal menjalankan programnya, caranya tekan F9/RUN lalu coba sobat klik menu yang sudah dibuat satu persatu, maka pada saat menu di framebar di klik maka akan muncul sub menu yang sudah kita buat pada unit frame td. untuk contoh hasil tampilan nya akan seperti pada gambar dibawah ini.
Demikian postingan artikel saya kali ini tentang cara membuat menu dan sub menu menarik di Delphi dengan alpha skin yang dapat saya share pada sobat semua kali ini. Jika sobat ingin mencoba melihat program tampilan menu yang saya buat sobat dapat download program nya pada link yang tersedia dibawah. Semoga artikel saya kali ini dapat bermanfaat bagi sobat semua dan selamat mencoba. Untuk tutorial lainnya tentang Delphi akan saya postingkan pada artikel selanjutnya.
Previous
Next Post »
2 Komentar untuk "Cara Membuat Tampilan Menu Menarik Di Delphi Dengan Alpha Skin"

ini ane kagak ngerti kalau yang beginian mas ajarin delpi mas biar tidak ketinggalan jaman

gampang lah kang..kalau mau serius belajar delphi bisa saya bantu....yang terpenting punya softwarenya dan punya semangat untuk belajar...kalo bingung akang bisa hub contact saya yang ada di di blog saya ini.

Silahkan tinggalkan komentar dibawah ini,
Terima kasih sudah :
1. Berkomentar dengan sopan
2. Tidak meninggalkan link aktif dalam form komentar
3. Berkomentar sesuai postingan / artikel
4. Tidak membuat komentar yang mengandung SARA / SPAM
5. Memberikan informasi link / script yang tidak berfungsi

Terima Kasih Sudah Berkomentar

PENDAPAT ANDA TENTANG BLOG INI ?

Follow by Email

 
Copyright © 2014 uduy macal blog's - All Rights Reserved
Template By Kuncidunia
DMCA.com Protection Status