Menggunakan Properties pada Object Inspector

Menggunakan Properties pada Object Inspector

Pada bagian ini kita bisa mengatur tampilan/ visual dari suatu komponen, seperti mengatur warna, ukuran, posisi dari kiri, dan pengaturan visual lainnya. Kali ini kita gunakan komponen Panel untuk mengeksplorasi fungsi dari Properties.

Langkah-langkahnya sebagai berikut:

1.       Buatlah aplikasi baru (New Application) seperti yang dijelaskan pada Bab sebelumnya.

2.       Ambil komponen Panel dari Componen Palette tab Standard.

3.       Karena komponen yang akan kita atur visualnya adalah panel, maka klik pada panel terlebih dahulu, sehingga terlihat seperti gambar di bawah ini:

4.       Misalkan yang pertama kita akan mengubah tulisan “Panel1” dengan “Latihan Delphi”, maka bagian Properties yang kita rubah adalah Caption. Pada Caption kita isi dengan “Latihan Delphi”.

5.       Perhatikan perubahan yang terjadi pada komponen panel. Tulisannya menjadi “Latihan Delphi”.

6.       Selanjutnya kita akan merubah warnadari Panel, yaitu dengan merubah nilai Properties pada bagian Color. Misalkan kita akan meruah warna panel menjadi biru, maka ita isikan Color dengan clBlue. Anda bisa memilih warna-warna yang anda sukai dengan mengklik combobox dari Color (). Klik pada bagian ().

7.       Hasilnya yaitu warna panel akan berubah menjadi biru.

8.       Selanjutnya warna tulisan terlihat jelas, kita akan merubah warna Font-nya menjadi putih. Caranya yaitu kita ubah Properties pada bagian Font.

Jika kita perhatikan pada bagian depan Font terdapat tanda (+):

Itu menandakan bahwa bagian ini masih mempunyai sub pengaturan lagi. Untuk melihat sub-sub pengaturan itu kita klik tanda (), sehingga object inspector menjadi sperti gambar berikut:

9.       Karena yang akan kita rubah adalah warna Font-nya, maka yang kita rubah adalah nilai  Properties pada bagian Color. Misal kita pilih warna Font putih. Klik pada combobox Color:

10.   Hasil akhirnya adalah seperti gambar di bawah ini:

Dengan demikian sudah kita buat sebuah panel bertuliskan Latihan Delphi, berwarna biru, dan tulisan berwarna putih. Anda bisa mencoba bagian Properties lainnya untuk lebih mempercantik komponen yang anda buat.

Cara pengaturan nilai Properties di atas berlaku untuk semua komponen pada Delphi. Hanya menu pengaturannya menyesuaikan dengan komponen yang bersangkutan.

Berikut adalah bagian-bagian Properties dan fungsi-fungsinya:

No

Object Ispector (Properties)

Fungsi

Keterangan

1.BevelInner

Jenis kemiringan sisi komponen bagian dalam

2.BevelOuter

Jenis kemiringan sisi komponen bagian luar

3.BevelWidth

Ukuran kemiringan sisi komponen

4.BorderStyle

Jenis garis tepi komponen

5.BorderWidth

Ukuran garis tepi komponen

6.Caption

Text pada komponen yang bersifat read only, dan hanya sebatas tampilan visual.Seperti : Panel, Label, Button, dsb

Untuk Button, Panel, Label, Form, dan komponen Read Only lainnya.

7.Checked

Dicek (centang) atau tidak. Nilainya hanya True/ False

Hanya untuk komponen CheckBox

8.Color

Memberikan warna pada komponen

9.Cursor

Jenis kursor pada saat pointer melewati komponen tersebut

10.EditMask

Untuk mengedit default format inputan

Hanya untuk komponen EditMask

11.Enabled

Dapat/tidaknya komponen bisa digunakan. Nilainya True/False

12.Font

Untuk mengatur Font yang ditampilkan oleh komponen

- Name

Nama/jenis Font (Arial, Times New Rowman, dll)

- Size

Ukuran Font pada komponen

- Color

Warna Font pada komponen

- Style

Model Font pada komponen (Bold, Italic, Underlined, Regualar)

13.Glyph

Untuk memasukkan gambar pada komponen sejenis button

Hanya untuk SpeedButton, BitButton

14.Height

Tinggi dari komponen

15.Hint

Kalimat petunjuk yang akan dimunculkan jika komponen didekati kursor

16.Items

Untuk memasukkan daftar pilihan

Hanya untuk Radiogroup, Combobox, ListBox, MainMenu, PopupMenu, CheckListbox.

17.ItemIndex

Urutan dari pilihan

18.Left

Jarak komponen dari tepi kiri form

19.Lines

Text pada memo dalam satuan baris.

Hanya untuk Memo, RichEdit

20.Name

Nama dari komponen, yang merupakan identitas yang akan dipanggil pada listing program

21.PasswordChar

Menentukan karakter password (* atau karakter lainnya)

Hanya untuk komponen Edit

22.Picture

Untuk memasukkan gambar ke dalam komponen

Hanya untuk komponen Image

23.ReadOnly

Hanya bisa dibaca/ tidak dapat diedit. Bernilai True/False

24.ShowHint

Menampilkan/ tidak menampilkan kalimat petunjuk.

25.Text

Text pada komponen yang bersifat editable (dapat diedit), seperti Edit, memo, dsb

Untuk Edit, MaskEdit, Memo, dan komponen editable lain

26.Top

Jarak komponen dari atas

27.Visible

Tampak atau tidak komponen tersebut. Nilainya True/False

28.Width

Lebar komponen

Dari semua daftar pilihan Properties tersebut diatas tidak semuanya terdapat pada setiap komponen. Yang dimiliki oleh tiap komponen adalah yang berkaitan dengan fungsi, karakteristik dan tugasnya dalam program