desain kontrol, menubar, toolbar, statusbar dan form mdi
DESCRIPTION
DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI. By : ASDOS PV. Menu Bar. Menubar merupakan kontrol yang digunakan untuk membangun daftar menu dalam aplikasi Windows. Menubar juga merupakan bagian yang sangat penting dalam sebuah aplikasi. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/1.jpg)
By : ASDOS PVBy : ASDOS PV
![Page 2: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/2.jpg)
Menubar merupakan kontrol yang digunakan untuk
membangun daftar menu dalam aplikasi Windows. Menubar juga merupakan bagian yang sangat penting
dalam sebuah aplikasi. Why??? Karena dengan adanya menubar kita akan
mendapatkan kemudahan dengan menempatkan berbagai aksi yang ada dalam aplikasi.
Menu Bar
![Page 3: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/3.jpg)
Langkah-langkah :a. Pilih kontrol MenuStrip yang ada pada toolbox
Menubar
![Page 4: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/4.jpg)
b. Menyisipkan menu standart
Klik kanan pada MenuStrip, pilih Insert Standards Items
Menubar
![Page 5: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/5.jpg)
Menambah item
Menubar
Tinggal ketik disini
![Page 6: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/6.jpg)
Toolstrip merupakan kontrol yang digunakan
untuk mebangun tombol-tombol toolbar.
Tool Strip
![Page 7: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/7.jpg)
Langkah – langkah :a. Letakkan kontrol toolstrip ke dalam wilayah
form.
Tool Strip
![Page 8: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/8.jpg)
b. Menyisipkan tombol standart
Klik kanan pada kontrol tool strip, pilih Insert Standards Items.
Tool Strip
![Page 9: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/9.jpg)
c. Menyisipkan tombol
Ada beberapajenis toolbar yang disediakan oleh toolstrip, antara lain: label, button,combobox dan lain-lain.
Langkah – langkah :1. pilih salah satu
2. atur di bagian properties
Tool Strip
Klik di sini
![Page 10: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/10.jpg)
StatusStrip merupakan kontrol
yang dgunakan untuk membangun tombol-tombol statusbar.
Langkah” kontrol StatusStrip kedala wilaya form adalah sebagai berkut :
------------>> Cekidott lembar lanjutnya ...
Status Bar
![Page 11: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/11.jpg)
Pertama -> Letakan
kontrol StatusStrip dalam wil. Form seperti gambar di sini nieh ..
Status Bar
![Page 12: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/12.jpg)
Next Step yaitu mari
membuat dan menyisipkan jenis kontrol yang bisa dijadikan statusbar seperti label, button dan progressbar just like this pic
Status Bar
![Page 13: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/13.jpg)
And then .. Pengaturan
properties setiap statusbar disesuaikan dengan jenis kontrol yang akan digunakan.
Contoh : Penggunaan Progressbar, maka perlu ditentukan value, max, min dan stepnya ...
Status Bar
![Page 14: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/14.jpg)
Apa itu ??? Aplikasi ini adalah aplikasi dengan banyak
antamuka yang menampilkan banyak dokumen secara bersamaan dan masing” dokumen ditampilkan dalam jendela tersendiri. Paham ??? ^^
Nah ,, MDI ini terdiri dari - 1 Form induk (MDI Parents) - Banyak form anak (MDI Childs)
Form MDI
![Page 15: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/15.jpg)
Sama halnya dengan form biasa
dan untuk membuatnya, kita perlu mengatur properties IsMDICOntainer dan WindowState.
Nilai IsMDICOntainer bertipe boolean di mana nilai True berarti form dijadikan form induk, sedangkan nilai False artinya form merupakan form anak.
WindowState diset dengan maximazed.
Form Induk
![Page 16: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/16.jpg)
Supaya lebih menarik ..
Nah .. Kita perlu menyisipkan berbagai kontrol seperti : Menubar, toolbar dan statusbar yang akan membuat form induk menjadi lengkap.
Just Like ---
Form Induk
![Page 17: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/17.jpg)
How ? Yaupp .. Dengan
menambahkan form baru ke dalam aplikasi yang dbuat.
Cara mengaturnya dengan atur properties IsMDIContainer pada form bernilai FALSE.
cara nya seperti
Form Anak
![Page 18: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/18.jpg)
Lalu -> template
muncul dan kemudian pilih Windows Form and click Add.
Sepertiii -
Form Anak
![Page 19: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/19.jpg)
After you add a new form, then .. Tampilan
project yang sedang dibuat menjadi
Form Anak
![Page 20: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/20.jpg)
Kita bisa mebuat form anak lebih dari satu dan
cara menambahkannya seperti perintah sebelumnya.
Selanjutnya perlu dibuat suatu aksi yang memanggil form anak dari induk. Lebih lanjut dapat digunakan menubar.
Berikut perintah untuk memanggil form anak.
Form Anak
![Page 21: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/21.jpg)
Kita akan memanggil
form2 melalui aksi menufile -> new. That’s mean, kita harus menambahkan method untuk memanggil form anak ke dalam aksi klik dari submenu New yang ada pada menu File.
Form Anak
![Page 22: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/22.jpg)
Kemudian, sisipkan baris program yang akan
memanggil Form2 atau form anak.
Form Anak
![Page 23: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/23.jpg)
Tampilan Form Induk dan Anak dalam MDI
Form Anak
![Page 24: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/24.jpg)
Tampilan form anak dapat diatur tampilannya
dengan metode LayoutMDI seperti :• Cascade untuk menampilkan semua form anak
menumpuk satu dengan yang lain ke bawah.• ArrageIcon untuk menampilkan semua form
menyusun sepanjang bagian bawah form induk• TileHorizontal untuk menampilkan semua form
anak secara sejajar dan memanjang ke arah horizontal
• TileVertical untuk menampilkan semua form anak secara sejajar dan memanjang ke arah certikal
Form Anak
![Page 25: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI](https://reader035.vdokumen.com/reader035/viewer/2022081504/568145df550346895db2e299/html5/thumbnails/25.jpg)
Kemudian menu Windows-Cascade dapat
disisipkan program seperti
Untuk Layout lainnya, caranya sama dengan perintah diatas, cukup menggantikan { LayoutMDI(MDILayout.TileHorizontal); }
Dst
Form Anak