Rabu, 19 September 2012

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 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 ().

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

13
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.

Tidak ada komentar:

Posting Komentar