21
2.2.1 Menambahkan Komponen
Komponen merupakan suatu obyek yang memiliki fungsi tertentu yang digunakan dalam desain antarmuka suatu aplikasi atau project. Untuk
menambahkan suatu obyek komponen ke dalam form desainer, urutan langkah yang harus Anda lakukan adalah :
1. Dari aplikasi atu project yang sedang dibuka, perhatikan disebelah kiri form designer akan tampak Toolbox yang tercetak secara vertikal.
2. Perhatikan pada bagian Toolbox terlihat bahwa komponen tersusun berdasarkan kelompok kategori yang sudah diatur oleh Microsoft. Pilih
salah satu komponen yang ada pada daftar dengan mengarahkan pada komponen yang diinginkan dan kliklah komponen tersebut.
3. Geser dan arahkan kursor pada desain antarmuka yang sedan dikerjakan sehingga toolbox komponen akan bergeser menutup.
4. Lakukan klik kiri pada sembarang lokasi pada form designer yang sedang dibuka.
5. Selanjutnya komponen yang telah Anda pilih akan diletakkan pada posisi yang Anda inginkan.
2.2.2 Mengatur Komponen
Terdapat dua cara yang digunakan untuk mengatur komponen yang sudah ditambahkan pada aplikasi yang Anda buat, yaitu mengubah ukuran komponen
visual dan memindah komponen visual.
a. Mengubah Ukuran Komponen Visual
Untuk mengubah ukuran dari komponen visual yang ditambahkan pada form designer, langkah-langkah yang harus Anda lakukan adalah:
22 1.
Pilih salah satu komponen yang terdapat pada desain form yang Anda buat.
Gambar 2.4 Pemilihan Komponen
2. Akan terlihat garis bantu yang mengelilingi komponen atau
obyek yang dipilih disertai dengan 8 buah node berupa lingkaran putih di sekelilingnya.
3.Klik salah satu node yang berada di sekeliling obyek, tahan lalu tarik ke arah yang Anda inginkan sehingga ukuran dari obyek terpilih akan
berubah.
b. Menata Komponen Visual
Susunan komponen atau oyek yang terdapat pada alikasi Anda awalnya akan terlihat agak tidak teratur sehingga perlu dilakukan langkah untuk menata dan
merapikan obyek tersebut agar terlihat lebih rapi. Langkah yang harus Anda lakukan pada prinsipnya sama dengan memindahkan komponen di atas, namun
ada satu fitur yang digunakan untuk merapikan susunan dari obyek yang ada, yaitu
visual guidelines berupa garis bantu untuk merapikan obyek.
23
Gambar 2.5 Visual Guidelines
Garis samar-samar berwarna seperti pada gambar diatas merupakan visualisasi dari visual guidelines. Garis tersebut akan muncul secara otomatis paabila Anda
melakukan pemindaha lokasi suatu obyek.
2.2.3 Menambahkan Kode Program
Kategori