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:
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 warna dari 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 (
).
).
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:
), 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
|
|
13
|
Font
|
Untuk mengatur Font yang ditampilkan oleh komponen
|
|
- Name
|
|||
- 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.
