08 Mengenal Dasar Visual Studio

Toolbox

Gambar 8.1

Perhatikan pada gambar 6.1 terlihat Toolbox (yang ada disebelah kiri) dalam keadaan Hide atau sembunyi. kita dapat memunculkannya dengan menekan Toolbox disebelah kiri tersebut atau menekan menu View, Toolbox "Ctrl+Alt+X" seperti gambar 8.2 dibawh ini

Gambar 8.2

Seteleh itu kita dapat menon aktifkan Auto Hide dengan menekan Pin button Auto Hide seperti pada gambar 8.3 yang diberi tanda Merah.

Gambar 8.3

Didalam Toolbox terdapat berbagai macam object atau kontrol yang dapat kita masukan kedalam Form yang akan kita rancang seperti Textbox, Label, Button, Listbox, Combobox, Timer, dll. dikarenakan jumlah object yang ada didalam Toolbox cukuplah banyak, maka kita dapat mencari object yang kita butuhkan dengan mengetikan nama object pada kolom Search Toolbox seperti gambar 8.3 yang beri tanda biru.

Dan yang perlu kita ingat, bahwa object yang kita masukan kedalam Form ada yang tampak dan ada yang tidak tampak didalam Form, object yang tampak didalam Form contohnya seperti gambar 8.4 dibawah ini.

Gambar 8.4

Sedangkan object yang tidak tampak didalam Form object tersebut akan masuk kedalam daftar object yang ada dibawah Form Design, seperti contoh gambar 8.5 dibawh ini.

Gambar 8.5

Solution Explorer

Gambar 8.6

Solution Explorer berfungsi untuk memanage project yang kita buat, dalam 1 (satu) solution bisa terdiri dari lebih dari 1 (satu) project dan juga untuk mengganti nama file, menambahkan form, class, modul, references, usercontrol, dll. Berikut cara penambahannya seperti gambar 8.5 dibawah berikut.

Gambar 8.7

Semisal kita akan menambahkan Form pada project. Klik kanan pada project yang ingin kita tambahkan, pilih Add, Windows Form dan cara yang sama jika inging menambahkan class, user control, modul(pada VB), dll. Dan jika kita hendak menghapus pilih form atau item lain yang hendak kita hapus, klik kanan, kemudian pilih Remove.

Cara lain yang sama kita dapat lakukan dengan menekan Menu Project.

Gambar 8.8

Properties Window

Gambar 8.9

Setiap object atau form memiliki nilai properties sebagai pengaturan object atau form tersebut, untuk mengubah urutan nilai properties, pilih dengan menekan icon AZ panah kebawah "Alphabetical" seperti gambar 8.7 yang diberi tanda merah.

Mengatur nilai pada kolom properties pasti dibutuhkan dalam pembuatan sebuat program, seperti dalam pengaturan (Name), Text, Caption, Font, Size, Color, dll.

Apabila Properties Window tidak tampil dalam Visual Studio, anda dapat memunculkannya dengan menekan Menu View, Properties Window "F4"

Designer View
Designer view terbagi menjadi dua:

• Layout Designer atau rancangan antarmuka

Gambar 8.10

Layout Designer umumnya berisikan sebuah interface Form, User Control, dll. Yang dapat kita atur nilai propertiesnya sebagai contoh, kita ingin mengubah Form1 pada Text Form, menjadi Program KKG, maka langkah yang harus dilakukan adalah merubah nilai Text = Form1, menjadi Text = Program KKG

Gambar 8.11

Gambar 8.12

Apabila Layout Designer tidak ada anda dapat menampilkannya dengan cara mengklik kiri 2x pada form atau user control disulution explorer atau dengan mengnekan Nemu View, Designer "Shift+F7".

• Code Designer atau rancangan code

Gambar 8.13

Code Designer berisikan code program yang kita buat, sebagai contoh kita akan mengubah nilai properties pada Form1.Text = Form1, menjadi Text = Program KKG

//C#  
private void Form1_Load(object sender, EventArgs e)
{
   this.Text = "Program KKG";
} 

'VB
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
   Me.Text = "Program KKG"
End Sub  

Position Window

Dan yang terakhir merubah posisi window sesuai selera, caranya sangat mudah, arahkan mouse pada title bar misal Toolbox window kemudian klik dan tahan, setelah itu geser keposisi sesuai selera dengan menempatkan Toolbox window keposisi yang baru seperti gambar dibawah ini

Gambar 8.14

Kemudian pindahkan Solution Explorer dan Properties Window dari sebelah kanan ke sebelah kiri

Gambar 8.15

Berikut Gambar 8.14 hasil setelah kita mengatur posisi window

Gambar 8.16

Add Reference

Menambahkan Reference kedalam project yang kita buat sangatlah mudah, sebagai contoh kita akan memasukan Reference Visual Basic kedalam project C# dengan cara, klik menu Project, Add Reference.... Kemuadian pada navigator sebelah kiri pilih Framework, List yang ada ditengah centang Microsoft.VisualBasic, setalah itu klik button OK. atau (klik kanan folder Reference pada Solution, pilih Add Reference...) Seperti gambar 18.17 dibawah ini.

Gambar 8.17

Setalah menambahkan reference kedalam project tambahkan code berikut:

//C#
using Microsoft.VisualBasic;

Letakan code tersebut dibagian atas seperti gambar 18.18 berikut.

Gambar 8.18

Delete Reference

Menghapus Reference sangatlah mudah cukup tekan del Reference pada folder Reference yang ada disolution explorer.

 

Gambar 8.19

Akan tetapi yang perlu diingat adalah jika kita sudah banyak menggunakan code yang menggunakan Reference, maka jika Reference tersebut dihapus akan terjadi banyak bug/kesalahan.