Component Name & Interface Dalam pemrograman Delphi kita akan sering menggunakan banyak komponen. Komponenkomponen yang disediakan oleh Delphi dapat menjadi pendukung dalam pembuatan program. Kumpulan komponen yang dapat digunakan telah di kelompokan seperti gambar berikut: Yang dimana nama-nama komponen tersebut telah secara default sesuai urutan pada saat kita menggunakanya. Sebagai contoh kita memasukan komponen Edit pada form yang ada sebanyak 3 kali atau 3 komponen edit Secara default name komponen yang kita punya akan sesuai dengan urutan pemasangan komponen pada form. Name komponen dapat kita lihat pada Object TreeView Kenapa kita perlu mengubah nama komponen (Component Name)??? Pada pembuatan program yang sederhana dan menggunakan komponen yang masih sedikit mungkin tidak akan begitu repot. Namun seandainya pada pembuatan program yg cukup besar atau menggunakan jumlah komponen yang cukup banyak, mungkin akan kerepotan jika harus mengahapal urutan nama komponen yang kita punya. Maka dari itu kita perlu membiasakan merubah nama komponen sesuai dengan yang kita inginkan. Untuk merubah nama komponen (Component Name) yang berada di form ialah: - Klik komponen yang dimaksud - Kemudian pada Object Inspector terdapat kolom properties lalu ubah Name nya sesuai keinginan, misal untuk edit1 menjadi EditNama - Maka pada Object TreeView akan berubah sesuai Name yang kita masukan - Penulisan Name pada komponen tidak boleh menggunakan Spasi (Space) 1
Component Name yang kita ubah akan berpengaruh pada Source Code program yang kita buat. Name dari komponen tersebut akan menjadi sebuah variable pada program kita. Ikuti langkah berikut: - Klik komponen yang dimasud - Misal kita telah merubah Name dari edit1 menjadi EditNama - Pada Object Inspector terdapat Kolom Event yang maksudnya aksi dari komponen tersebut. - Double Click pada event OnChange maka akan muncul Code editor seperti berikut: - - Kemudian diantara begin dan end; ketikan edit lalu tekan Ctrl+Space, maka akan muncul: Telah di sediakan Name komponen yang kita inputkan. Salah satunya adalah EditNama yang berjenis komponen Edit dan itu di kategorikan sebagai variable Note: Name pada komponen berpengaruh pada penulisan Program Tampilan atau Interface Pengaturan Design tampilan teks pada komponen yang dibuat berbeda dengan pengaturan name komponen. Untuk merubah tampilan tulisan pada komponen secara umum mengubah nilai dari properties Caption yang terdapat pada Object Inspector. Sebagai contoh kita ganti nilai caption pada komponen Button1 menjadi SIMPAN maka tampilan (interface) dari komponen button1 akan menjadi: 2
MY FIRST PROJECT Marilah kita buat program sederhana menggunakan Delphi yg berhubungan dengan materi yang telah dibahas sebelumnya. Program ini akan mengubah tampilan dari komponen Label sesuai dengan Teks yang di inputkan pada komponen Edit. Design tampilan program yang akan di buat adalah sebagai berikut: Berikut adalah komponen yang kita gunakan untuk program di atas: Panel Edit Label Button Berikut ini adalah properties dari masing-masing komponen yang harus dirubah: Caption: (kosongkan) Panel Name : Panel1 Label Caption: DATA MAHASISWA Name: Label1 Caption : Nama Name : Label2 Caption : NIM Name : Label3 Caption : Jurusan Name : Label4 Caption: Selamat Datang Name : Label5 Caption : Nama Name : Label_nama 3
Edit Button Caption : NIM Name : Label_NIM Caption : Jurusan Name: Label_Jur Name: EditNama Text: (Kosongkan) Name: EditNIM Text: (Kosongkan) Name: EditJur Text: (Kosongkan) Caption: CLEAR Name : ButtonClear Caption : OK Name : ButtonOK Untuk merubah nilai Properties, itu terdapat pada Object Inspector dan hasil Perubahan Name dari Komponen yang kita punya dapat di lihat pada Object TreeView; 4
Event (Aksi) Design tampilan program yang kita punya hanya berupa interface saja tanpa melakukan aksi apapun, maka dari itu kita perlu membuat perintah-perintah (Source Code) yang dapat memerintahkan program yang telah dibuat. Event (aksi) dapat dilakukan pada setiap komponen yang di punya. Project diatas terdapat 2 tombol yaitu tombol Clear dan OK Tombol OK akan mengubah tampilan label nama, nim, jurusan yang berada pada bagian bawah menjadi sesuai dengan teks yg di inputkan pada 3 komponen Edit. Sedangkan tombol Clear akan menghapus Teks pada 3 komponen Edit sekaligus. Untuk dapat mengetik source code pada program, tentukan komponen mana yang akan di ubah event nya. Misal Tombol Clear yang akan di ubah even nya, klik terlebih dahulu komponen buttonclear, bisa menggunakan double klik pada komponen. Atau setelah menentukan event komponen mana yang akan di rubah, kemudian pada object inspector pilih tab event kemudian double clik kolom onclick Tips: Biasakan pada penulisan Code menggunakan CTRL+SPACE, maka akan muncul tampilan sperti berikut. Ini berguna jika kita lupa cara penulisan Name komponen yang benar atau penulisan Code Delphi yang lain. 5
Berikut ini Source Code untuk Tombol Clear dan Tombol OK ButtonClear OnClick Sesuai dengan Name komponen masing-masing Properties pada Object Inspector ButtonOK OnClick Setelah Source Code selesai di inputkan, untuk menjalankan/mencoba program tekan tombol running atau menggunakan F9. Lalu silahkan uji coba program tersebut. 6