DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

25
By : ASDOS PV By : ASDOS PV

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 Presentation

Transcript of DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

Page 1: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

By : ASDOS PVBy : ASDOS PV

Page 2: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

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

Langkah-langkah :a. Pilih kontrol MenuStrip yang ada pada toolbox

Menubar

Page 4: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

b. Menyisipkan menu standart

Klik kanan pada MenuStrip, pilih Insert Standards Items

Menubar

Page 5: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

Menambah item

Menubar

Tinggal ketik disini

Page 6: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

Toolstrip merupakan kontrol yang digunakan

untuk mebangun tombol-tombol toolbar.

Tool Strip

Page 7: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

Langkah – langkah :a. Letakkan kontrol toolstrip ke dalam wilayah

form.

Tool Strip

Page 8: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

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

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

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

Pertama -> Letakan

kontrol StatusStrip dalam wil. Form seperti gambar di sini nieh ..

Status Bar

Page 12: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

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

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

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

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

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

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

Lalu -> template

muncul dan kemudian pilih Windows Form and click Add.

Sepertiii -

Form Anak

Page 19: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

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

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

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

Kemudian, sisipkan baris program yang akan

memanggil Form2 atau form anak.

Form Anak

Page 23: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

Tampilan Form Induk dan Anak dalam MDI

Form Anak

Page 24: DESAIN KONTROL, MENUBAR, TOOLBAR, STATUSBAR DAN FORM MDI

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

Kemudian menu Windows-Cascade dapat

disisipkan program seperti

Untuk Layout lainnya, caranya sama dengan perintah diatas, cukup menggantikan { LayoutMDI(MDILayout.TileHorizontal); }

Dst

Form Anak