Using the GB Icon Edit Tool

"Tutorial ini masih pada Chapter 8 dari pembahasan Buku "A Beginner's Guide to Gambas - Revise for Version 3" yang membahas tentang "Using the GB Icon Edit Tool"

, sebagai kelanjutan dari pembahasan "ListView Control" yang telah dipostingkan sebelumnya. Semoga bermanfaat-Pen"

 

Using the GB Icon Edit Tool

Seperti yang Anda mungkin sudah menyadari, sebuah ikon adalah pictogram kecil yang digunakan dalam antarmuka pengguna grafis untuk melengkapi penyajian informasi tekstual kepada pengguna. Komputer modern dapat menangani grafis bitmap dengan mudah, sehingga ikon banyak digunakan untuk membantu pengguna. Ikon pertama kali dikembangkan sebagai alat untuk membuat antarmuka komputer lebih mudah bagi pemula untuk memahami
pada 1970-an, di Palo Alto Research Center fasilitas Xerox. Icon-driven interface kemudian dipopulerkan oleh Apple Macintosh, Amiga dan lingkungan operasi Microsoft Windows.

Sebuah ikon komputer biasanya berkisar 16 dengan 16 piksel hingga 128 oleh 128 piksel. Beberapa sistem operasi memiliki ikon hingga 512 oleh 512 piksel. Ukuran ikon dapat berhubungan dengan ukuran perangkat output grafis atau jumlah informasi yang harus ditampilkan. Pengguna Visionimpaired (karena kondisi seperti pencahayaan yang buruk, mata lelah, gangguan kesehatan, latar belakang terang, atau buta warna) mungkin perlu kemampuan untuk menggunakan ikon yang lebih besar.

Pada tahap ini, semua kode yang dibuat untuk program contoh ListView kami. Kita masih perlu menciptakan circle.png dan square.png ikon. Kami akan menggunakan ikon Editor GB untuk melakukan itu. Untuk membuka editor ikon, kita akan pergi ke Project Windows dalam IDE. Dalam TreeView Project, menemukan folder Data dan klik kanan mouse Anda. Pilih item Baru dan subitem Gambar. Anda akan melihat dialog ini pop up:

 

Gambar 1 : Membuat Image Icon Baru di GB

Cukup ketik "square" di kolom Name dan klik ok. Sekarang, editor ikon muncul dan Anda dapat membuat ikon. Gunakan opsi persegi panjang dari Toolbox IconEditor dan membuat kotak biru dan simpan dengan ikon berbentuk cakram.

 Gambar 2: Toolbox Editor Icon

 

Gambar 3:Image Icon Square                                                           Gambar 4: Image Icon Circle

Ulangi proses ini, menciptakan ikon lain bernama "circle.png" dan simpan itu juga. Itu saja! Program Anda siap dijalankan. Cobalah keluar dan melihat bagaimana kontrol ListView bekerja.