Bab 5

Menu, Toolbar dan Status Bar

5.1 Menu
Menu pada dasarnya digunakan untuk memudahkan User dalm mengakses fasilitas tertentu dari sebuah aplikasi. Biasanya sebuah aplikasi sudah mencantumkan semua fasilitas yang dimiliki dalam sebuah menu. Sebuah menu terdiri atas menu dasar, disebut juga dengan Menu Bar seperti File, Edit, View dan sebagainya dan sebuah menu bar terdiri atas beberapa submenu di dalamnya.

5.1.1 Membuat dan Menghapus Menu

VB menyediakan sebuah komponen yang bernama MenuStrip, yang berguna untuk menambahkan sebuah menu pada sebuah Form. Melalui komponen ini, kita dapat menambahkan, menghapus dan mengedit menu secara langsung. Komponen ini dapat anda temukan pada kategori Menu & Toolbars dalam Toolbox. Buat form baru dan tambahkan sebuah komponen MenuStrip didalamnya. Bentuk form secara otomatis akan berubahmenyesuaikan dengan penambahan menu (Gambar 5.1).

Gambar 5.1 Menambahkan Komponen MenuStrip

Selanjutnya kita dapat menambahkan menubar yaitu menu dasarnya. Kli kotak Type Here, tentukan text yang akan ditampilkan pada menubar misalnya Berkas an tekan tombol ENTER. Anda akan mendapati dua buah pilihan pembuatan menu selanjutnya, apakah ingin membuat menubar lagi di samping menu Berkas atau membuat submenu dari menu Berkas (Gambar 5.2).

Gambar 5.2 Pembuatan Menu Dasar (MenuBar) pertama

Tambahkan beberapa submenu Gambar 1 dan submenu Gambar 2 di dalam menubar Berkas (Gambar 5.3).

Gambar 5.3 Pembuatan SubMenu

Buat sebuah menubar lagi dengan nama Tampilan dan tambahkan submenu Normal dan submenu Disesuaikan didalamnya. Menghapus sebuah menu dapat dilakukan secara langsung Pada FormDesigner, dengan cara mengklik kanan menu atau submenu yang ingin dihapus dan pilih Delet.

5.1.2 Menggunakan Menu

Menggunakan sebuah menu hampir sama ketika kita menggunakan komponen button karena menu termasuk salah satu tombol. Kita dapat memanfaatkan event clik pada sebuah menu untuk menjalankan perintah tertentu ketika menu tersebut diklik. Untuk lebih jelas, tambahkan satu buah komponen PictureBo x ke dalam Form (Gambar 5.4).

Gambar 5.4 Pembuatan Aplikasi yang menggunakan Menu

Kita akan mencoba menampilkan 2 buah gambar yang berbeda pada komponen PictureBox, namun gambar ini hanya akan ditampilkan setelah user mengklik menu Berkas > Gambar 1 >atau menu Berkas > Gambar 2. Untuk itu kita perlu membuat event Clk pada submenu Gambar 1 dan submenu Gambar 2. Cara termudah utuk membuat event clik pada kedua submenu ini adalah dengan mengklik dua kali (double clik) pada masing masing submenu ini. Tambahkan beberapa script VB di bawah ini di dalam masing masing event :
PrivateSub Gambar1ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Gambar1ToolStripMenuItem.Click PictureBox1.ImageLocation = "C: \Users\Public\Pictures\Sample Pictures\Desert.jpg" EndSub PrivateSub Gambar2ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Gambar2ToolStripMenuItem.Click PictureBox1.ImageLocation = "C: \Users\Public\Pictures\SamplePictures\Koala.jpg" EndSub

Pernyataan diatas berguna agar ketika user mengklik submenu Gambar 1 maka komponen PictureBix akan menampilkan gambar C:\Users\Public\Pictures\Sample Pictures\Desert.jpg dan ketika User mengklik submenu Gambar 2 maka gambar yang ditampilkan adalah C:\Users\Public\Pictures\SamplePictures\Koala.jpg. Buat juga event Clik pada submenu Normal dan Tampilan> Disesuaikan, tambahkan beberapa script di bawah ini di dalamnya :
PrivateSub NormalToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles NormalToolStripMenuItem.Click PictureBox1.SizeMode = PictureBoxSizeMode.Normal EndSub PrivateSub DisesuaikanToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles DisesuaikanToolStripMenuItem.Click PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage EndSub

Agar ketika User mengklik menu Tombol > Disesuaikan maka ukuran komponen dan menu Tombol > Normal menyebabkan ukuran gambar dinormalkan kembali (tidak disesuaikan secara otomatis). Berikut hasil dari pembuatan aplikasi diatas (Gambar 5,5 dan Gambar 5.6).

Gambar 5.5 Hasil Berkas > Gambar 1

Gambar 5.6 Hasil Tampilan > Disesuaikan

Gambar 5.5 merupakan hasil dari menggunakan submenu Berkas > Gambar 1 dan Gambar 5.6 merupakan hasil dari menggunakan submenu Tampilan > Disesuaikan.

5.1.3 Membuat Menu Checked dan Separator

Kita juga dapat membuat menu dengan jenis lainnya, di antaranya yaitu menu checked dan menu separator. Menu checked adalah sebuah menu yang apabila kita klik akan menandai pilihan dengan sebuah tanda pada menu tersebut (mirip seperti tanda pada komponen CheckBox). Menu separator adalah sebuah garis pada menuyamng digunakan sebagai pemisah antar menu, menu separator hanya dipergunakan untuk mempercantik tampilan menu dan sebaiknya kita tidak menambahkan perintah pada menu separator. Pembuatan menu checked cukup sederhana, kita hanya perlu membuat submenu terlebih dahulu, ,isalnya Hilangkan, klik kanan pada submenu Hilangkan dan tandai kotak Checked (Gambar 5.7).

Gambar 5.7 Pembuatan Menu Checked dan Separator

Dan untuk membuat sebuah menuseparator, klik kanan pada posisi dimana Anda akan meletakkan menu separator lalu pilih pilihan Insert > Separator. Terlihat pada Gambar 5.7 sudah terdapat sebuah menu separator yang diletakkan di bawah sub menu Disesuaikan. Propertis yang paling berguna dalam menu checked adalah propertis Checked yang berguna untuk menandai dan menghilangkan tanda pada menu tersebut. Apabila kita memberi nilai false pada propertis ini maka tanda pada menu checked akan dihilangkan, sebaliknya apabila kita memberi nilai true pada propertis ini maka tanda pada menu checked akan dimunculkan kembali. Untuk lebih memperjelas mengenai menu checked, kita akan mencoba mempergunakan submenu Hilangkan. Tambahkan sebuah event clik pada submenu Hilangkan dan ketik beberapa script dibawah ini didalamny a:
PrivateSub HilangkanToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles HilangkanToolStripMenuItem.Click If HilangkanToolStripMenuItem.Checked = FalseThen HilangkanToolStripMenuItem.Checked = True Else HilangkanToolStripMenuItem.Checked = False EndIf If HilangkanToolStripMenuItem.Checked = FalseThen PictureBox1.Visible = True Else PictureBox1.Visible = False EndIf EndSub

Ketika pertama kali aplikasi ini dijalankan, pastikan nilai dari propertis Checked dari submenu Hilangkan bernilai False. Pernyataan IF yang pertama di atas berguna untuk memeriksa properti Checked dari submenu Hilangkan. Apabila nilai dari properti checked adalah false (menandakan bahwa komponen tidak sedang ditandai), maka ubah nilai dari propertis checked menjadi true agar submenu Hilangkan ditandai oleh VB. Sebaliknya apabila nilai dari propertis checked bernilai true maka ubah nilai dari propertis Checked menjadi false ketika submenu Hilangkan diklik oleh User.

Pernyataan IF yang kedua berguna untuk menghilangkan dan memunculkan komponen PictureBox. Apabila submenu Hilangkan kita tandai maka hilangkan komponen picturebox seakan-akan gambar yang menghilangkan, sebaliknya apabila submenu Hilangkan tidak ditandai maka munculkan kembali gambar. Nilai False pada propertis visible dalam sebuah komponen menyebabkan komponen tersebut tidak akan tampak ketika dijalankan, kita akan membahas propertis visible lebih lanjut pada Bab 6. Jalankan aplikasi di atas dan tampilkan sebuah gambar melalui menu Berkas > Gambar 1 >atau Berkas > Gambar 2.

Gambar 5.8 Ketika Hilangkan ditandai

Gambar 5.9 Ketika tidak ditandai

Kemudian coba tandai dan hilangkan tanda pada submenu Hilankan. Ketika submenu Hilangkan kita tandai maka gambar tidak akan tampak (Gambar 5.8), dan ketika tanda pada submenu Hilangkan kita hapus, maka gambar akan kembali tampak (Gambar 5.9).

5.1.4 Shortcut Key pada Sebuah Menu

Shortcut key merupakan metode untuk mempermudah mengakses menu dan submenu tertentu. Dengan menggunakan shortcut key pada menu menu tertentu, maka menu atau submenu tersebut akan dijalankan ketika User menekan kombinasi tombol

tertentu. Kombinasi tombol ini dapat kita tentukan sendiri, bisa Ctrl+S, Alt+L, Ctrl+Alt+ U dan sebagainya. Penggunaan shortcut key sangat diperlukan bagi sebagian User yang lebih suka menggunakan keyboard dibandingkan mouse. Pembuatannya sangat mudah, dengan hanya mengganti propertis ShortcutKeys pada masing-masing menu atau submenu yang ingin ditambahkan shortcut key (Gambar 5.10).

Gamba 5.10 Menambahkan ShortcutKeys

Ganti propertis ShortcutKeys dari submenu Gambar 1 menjadi Ctrl+1 dan submenu Gambar 2 menjadi Ctrl+2. Jalankan aplikasi dan lihat perubahan ketika kita menekan kombinasi tombol keyboard Ctrl+1 maka submenu gambar 1 akan dijalankan atau ketika kita menekan tombol Ctrl+2 maka submenu Gambar 2 dijalankan ole VB.

5.1.5 Access Key pada Sebuah Menu

Pembuatan access key cukup mudah, dapat langsung digunakan melalui FormDesigner dengan menambahkan tanda (&) pada submenu yang ingin ditambahkan access key di dalamnya (Gambar 5.11). Sebagai contoh untuk menambahkanacces key pada menubar Berkas maka ganti text dari menu Berkas menjadi &Berkas (tombol b yang dipergunakan), submenu Gambar 1 menjadi Gambar &1 (tombol 1 yang dipergunakan) dan submenu Gambar2 menjadi Gambar &2 (tombol 2 yang dipergunakan).

Gambar 5.11 Menambahkn Access Key

Sehingga untuk mengakses salah satu submenu dari menubar Berkas misalnya submenu Gambar 1, maka buka terlebih dahulu menu berkas dengan menekan tombol Alt+B dan setelah submenu yang ada didalamnya ditampilkan, kita cukup menekan tombol 1 untuk mengakses submenu Gambar 1.

5.2

ToolBar

Kita akan mendapati sebuah ruang khusus yang disediakan oleh VB untuk ditempati beberapa toolbar. Untuk menabahkan toolbar didalamnya klik tombol add ToolStripButton dan pilih Button (Gambar 5.12). Pada ruang kosong ini, selain dapat ditambahkan button juga dapat ditambahkan komponen lain seperti separator, laber dan sebagai nya.

Gambar 5.12 Menambahkan komponen ToolStrip

Tambahkan lima buah button dan dua buah separator ke dalam ruang toolbar, sehingga menyerupai Gambar 5.13.

Gambar 5.13 Pembuatan Toolbar

Ganti nama dari masing-masing button. Tombol pertama menjadi TbGambar1, tombol kedua menjadi TbGambar2, tombol ketiga menjadi TbNormal, tombol keempat menjadi TbDisesuaikan dan tombol terakhir menjadi TbHilangkan. Tambahkan event pada masing-masing komponen Button dan masukkan beberapa script dibawah ini pada masingmasing event :
Private Sub tbgambar1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles tbgambar1.Click Gambar1ToolStripMenuItem.PerformClick() End Sub Private Sub tbgambar2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles tbgambar2.Click Gambar2ToolStripMenuItem.PerformClick() End Sub

Private Sub tbnormal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles tbnormal.Click NormalToolStripMenuItem.PerformClick() End Sub Private Sub tbdisesuaikan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles tbdisesuaikan.Click DisesuaikanToolStripMenuItem.PerformClick() End Sub Private Sub tbhilangkan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles tbhilangkan.Click HilangkanToolStripMenuItem.PerformClick() End Sub

Pernyataan yang ada pada masing-masing event clik diatas berguna untuk memanggil method PerformClik dari masing-masing submenu komponen menustrip yang telah kita tambahkan pada contoh sebelumnya.

5.3

StatusBar

Statusbar yaitu sebuah informasi yang disimpan pada bagian bawah form. Statusbar dapat kita manfaatkan untuk menampilkan informasi-informasi tambahan seperti jam, tanggal, dan sebagainya. Pembuatan statusbar dapat kita lakukan dengan menambahkan komponen StatusStrip ke dalam form. Komponen StatusStrip dapat kita temukan pada kategori Menus dan Toolbars dalam ToolBox.

Gambar 5.14 Pembuatan StatusBar

Untuk menampilkan informasi statusbar harus menambahkan sebuah komponen StatusLabel didalam ruang kosong ini (Gambar 5.14). Ganti propertis Name dari komponen StatusLabel yang telah ditambahkan menjadi LblTgl. Tambahkan event load pada form yang digunakan dan ketikkan beberapa script dibawah ini :
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load lbltgl.Text = DateValue(Now) End Sub End Class

Jalankan aplikasi tersebut (Gambar 5.15)

Kita mendapati bahwa statusbar sudah berisi text berupa informasi tanggal hari ini.