Blog | Beli Rumah | Belajar HTML dan PHP | Kontak | Gmail | Uang Adsense
Audit Sistem Informasi
Sistem Informasi (S1)
Manajemen Informatika
Komputer dan Pendidikan
Pengobatan Ruqyah
Daftar Isi | Skripsi SI | B. Arab | Sertifikat Komputer Internasional | PrivacyPolicy | Inggris Arab

Wednesday, March 9, 2016

Memasang Background Gambar Buatan Sendiri di Delphi 7



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
22. Ketik script ini:
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!
"Investasi Emas dan Reksadana, Untung Mana?."
Youtube: Katabah Com: Menuju 1 jt Konten :)