Belajar Memakai Mengubah Tampilan dan Perilaku Komponen (Belajar Lazarus #2)

Setelah sebelumnya kita belajar tentang lingkungan pemrograman Lazarus Free Pascal di http://belajarlazarus.blogspot.com/2014/11/mengenal-pemrograman-visual-lazarus.html sekarang kita lanjutkan Belajar Memakai Mengubah Tampilan dan Perilaku Komponen. Inti dari setiap aplikasi di Lazarus adalah Form, dimana di dalam form ini dapat kita letakkan komponen-komponen yang kita butuhkan untuk membuat proyek aplikasi. Untuk itu mari kita coba dengan membuat sebuah proyek aplikasi Perkenalan Lazarus.
Pertama-tama klik Project > New Project, kemudian akan tampil jendela Create New Project seperti gambar di bawah ini:

Pilih Application dan klik tombol OK. Setelah itu akan muncul sebuah Form dan Source Editor baru. Sekarang simpan dengan menekan tombol Save all (atau klik menu File > Save all), kemudian akan tampil kotak dialog Save project, pilih tempat penyimpanan di lokasi yang anda inginkan atau buat folder baru dalam hal ini kita buat folder perkenalan, beri nama proyek dengan awalan p, contohnya untuk aplikasi ini aku beri nama pperkenalan.lpi , kenapa didepannya ada huruf p? Itu untuk indkator bahwa file tersebut adalah file project. Setelah itu klik tombol Save. Kotak dialog selanjutnya Save unit akan muncul, seperti kotak dialog Save project tadi untuk file unit kita beri awalan huruf u, jadi kita beri nama uperkenalan.pas dimana di dalam file unit ini terdapat deklarasi dan pernyataan untuk mengontrol form. Kita akan memakai banyak waktu untuk mengubah isi file ini. Setiap kita menambahkan event handler atau menambahkan perintah, file ini akan diubah, dan Lazarus secara otomatis menempatkan kursor di tempat di mana seharusnya kita menambahkan deklarasi atau pernyataan tersebut. Setelah selesai menyimpan mari kita coba jalankan proyek aplikasi dengan menekan tombol fungsi F9. Lihat apa yang terjadi, hanya ada sebuah kotak kosong saja, karena memang belum selesai kita buat aplikasinya..Lihat di windows explorer isi dari folder perkenalan tempat kita menyimpan proyek aplikasi perkenalan, isinya seperti gambar di bawah ini:

Diatas adalah daftar file dan folder yang dihasilkan oleh sebuah proyek aplikasi Lazarus.

Tahap selanjutnya mari kita tambahkan komponen Label dan Button yang terletak di palette Standard. Caranya klik komponen label terus klik di lokasi form, selanjutnya komponen button letakkan di bawah komponen label. Ganti properties Caption dan Name milik Form, Label dan Button sebagai berikut:
Form1
Caption = Perkenalan Lazarus
Name = FPerkenalan

Label1
Caption = Tekan Tombol Selamat!
Name = LSelamat

Button1
Caption = Selamat
Name = BSelamat

Lihat caranya seperti gambar di bawah ini!

Setelah selesai semua dalam merubah propertinya, maka Object Inspectornya komponennya seperti gambar di bawah ini:

 

Dan tampilan Form menjadi seperti gambar di bawah ini:

Sekarang kita akan membuat agar nanti jika tombol Selamat ditekan maka tulisan Tekan Tombol Selamat! berubah menjadi Selamat Belajar Lazarus Free Pascal!
Caranya dengan mengisikan event handler OnClick milik komponen BSelamat.
Langkah-langkah untuk mengubah event handler.

1. Klik tab Events pada Object Inspector.
2. Pilih event OncClick.
3. Kita dapat mengisikan event-handler dengan dua cara, yaitu dengangan memilih satu event handler dari yang sudah ada, berhubung baru pertama membuat event handler maka pilihan event handler sebelumnya tidak ada. Cara yang kedua klik tombol ... bisa juga dengan dobelklik pada kolom nilai event tersebut, maka anda akan masuk ke Source Editor, dan Lazarus akan membuatkan kerangka procedure-nya.

Di tempat kursor yang telah ditentukan Lazarus tuliskan pernyataan LSelamat terus diikuti tanda titik ( . ) maka fitur autocomplete akan muncul, cari pernyataan Caption dengan mengetik ca seperti pada contoh di atas lantas pilih Caption lalu enter. Kemudian ketik kalimat 'Selamat Belajar Lazarus Free Pascal!'
Hasilnya kurang lebih seperti gambar di bawah ini:

Cukup mudah bukan Belajar Memakai Mengubah Tampilan dan Perilaku Komponen, kita tidak perlu dipusingkan dengan urusan membuat tampilan program, kita hanya fokus pada penulisan kode program berupa deklarasi dan pernyataan lewat events handler yang tersedia. Sekarang tekan F9 untuk menjalankan program, maka hasilnya setelah tombol Selamat ditekan akan seperti gambar di bawah ini:

Penjelasan program aplikasi Perkenalan di atas.
Mengapa ditulis pernyataan

LSelamat.Caption:='Selamat Belajar Lazarus Free Pascal!';

Ingat waktu kita merubah Label1 menjadi Tekan Tombol Selamat!, kita merubahnya di properties pada bagian Caption milik LSelamat, jadi jika kita ingin merubahnya menjadi Selamat Belajar Lazarus Free Pascal! pada waktu tombol selamat ditekan maka di event OnClick milik BSelamat kita tulis pernyataan LSelamat.Caption:='Selamat Belajar Lazarus Free Pascal!';  yang maksudnya Caption label Selamat ditulis Selamat Belajar Lazarus Free Pascal!

Seperti cara penulisan nama proyek dan unit sebelumnya, yaitu menyimpan dengan nama pselamat, uselamat, maka untuk penamaan komponen form, label, dan button pada contoh saat ini menjadi FSelamat, LSelamat dan BSelamat. huruf F, L dan B adalah semata-mata untuk mengingat berasal dari komponen apa F= Form, L= label, B=Button, kemudian baru diikuti nama komponen tersebut sesuai fungsinya.

Demikian Belajar Memakai Mengubah Tampilan dan Perilaku Komponen (Belajar Lazarus #2) semoga bermanfaat, sampai bertemu di pelajaran Komponen Visual dan Non Visual.