Hello Katabah!
Delphi itu dikenal
sebagai pemrograman visual seperti halnya Visual Basic. Jadi, aplikasi yang
dibuat di Delphi tidak hanya yang berkaitan dengan database yang selalu tampil
dengan desain polos, tapi bisa juga form didesain lebih menarik agar ada nuansa
indah bagi para penggunanya.
Pada tutorial Delphi
ini, saya membuat background buatan sendiri. Anda bisa membuat gambarnya
menggunakan Photoshop atau Corel Draw, namun saya menggunakan Paint saja.
1. Buka Paint (Start –
All Programs – Accessories – Paint)
2. Buatlah gambar
berikut ini dengan ukuran:
Horizontal: 500
Vertical: 400
Caranya:
a. Klik
Home-Resize-Pixels
b. Hilangkan tanda
centang pada Maintain Aspect Ratio
Gambarnya seperti ini:
c. Simpan gambar di atas
dengan nama apa saja, misal: Background Gambarku
3. Buka Delphi 7
4. Muncul form kosong
5. Klik Image di menu
Additional
6. Klik di form kosong
7. Muncul kotak hitam.
Jika disorot dengan kursor, maka akan muncul tulisan Image1
8. Klik tombol … pada
Picture (Object Inspector – Properties)
9. Muncul kotak dialog
Picture Editor
10. Klik tombol Load
11. Cari file gambar
yang telah kita buat, misal: Background Gambarku
12. Klik file name
“Background Gambarku”
13. Klik Open
14. Klik OK
15. Di Object Inspector
– Properties, klik Height. Isi: 400
16. Di Object Inspector
– Properties, klik Width. Isi: 500
17. Sekarang gambar di
form Delphi sudah cukup besar
18. Agar besar form
Delphi sama dengan gambar buatan kita, ubah saja ukurannya dengan cara:
a. Klik form yang kosong
(bukan yang ada gambarnya)
b. Di Object Inspector –
Properties, klik Height. Isi: 440
c. Object Inspector –
Properties, klik Width. Isi: 520
19. Sekarang ukuran
gambar dan form sudah hampir sama
20. Tambahkan komponen
berikut ini dari menu Standard:
a. Label (satu buah)
b. Edit (satu buah)
c. Button (satu buah)
Desainnya seperti ini:
21. Klik dua kali Label1
form1.WindowState:=wsminimized;
23. Kembali ke design
form
24. Klik lagi Label1 di form
25. Di Object Inspector
– Events, klik dua kali OnMouseMove
26. Ketik script ini:
Label1.Font.Color:=clBlue;
27. Kembali ke design
form
28. Klik lagi Label1 di
form
29. Di Object Inspector
– Events, klik dua kali OnMouseLeave
30. Ketik script ini:
Label1.Font.Color:=clRed;
31. Untuk melihat
hasilnya, jalankan dengan menekan tombol F9 di keyboard
32. Coba arahkan kursor
mouse ke tulisan Label1, maka warnanya akan menjadi “biru”. Ketika kursor
dijauhkan dari Label1, maka Label1 akan berwarna “merah”.
33. Selesai.
Apabila perubahannya
ingin terlihat lebih jelas, maka kita perbesar saja huruf Label1-nya dengan
cara:
1) Kembali ke design
form
2) Klik Label1
3) Object Inspector –
Properties, klik tanda + di Font
4) Klik Size
5) Ketik: 16
6) Jalankan lagi dengan
F9
7) Sekarang tulisan
Label1 lebih besar dan perubahan warna ketika didekati kursor akan semakin
jelas.
Cara membuat background
di atas hanya melibatkan gambar. Di tutorial lain, saya membuat form dengan
bentuk yang lebih indah.
Semoga bermanfaat!
|
"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."
|
|
Tips Skripsi Program Studi Sistem Informasi |
|
|
