Garis, Persegi Panjang, dan Lingkaran

Teks saja lama-kelamaan membosankan. Pustaka GFX juga dapat menggambar bentuk, sehingga Anda dapat membingkai data, membuat pengukur, dan merancang antarmuka kecil yang nyata. 🎨

Setiap bentuk berada pada kisi koordinat. Titik (0,0) berada di kiri atas; x bergerak ke kanan dan y bergerak ke bawah, sama seperti kursor teks yang telah Anda gunakan.

Tanda terkecil adalah satu titik. drawPixel menerima x, y, dan warna, lalu menyalakan tepat satu titik di layar.

drawLine menghubungkan dua titik. Berikan x dan y awal, x dan y akhir, serta warna untuk menggambar garis lurus di antaranya.

drawRect memerlukan x dan y sudut kiri atas, lalu lebar dan tinggi. Fungsi ini hanya menggambar garis tepinya, cocok untuk membingkai nilai atau bagian tertentu.

Ganti dengan fillRect menggunakan argumen yang sama untuk mengisi seluruh kotak dengan warna solid. Bilah terisi merupakan inti pengukur dan tampilan kemajuan.

drawCircle menerima x dan y titik tengah serta radius. Fungsi ini menggambar cincin, yang berguna untuk cakram pengukur, titik status, atau ikon bundar.

Gunakan fillCircle untuk membuat cakram solid. Lingkaran kecil yang terisi dapat menjadi indikator nyala/mati yang jelas dan mudah dibaca sekilas.

Untuk tampilan yang lebih lembut, drawRoundRect menambahkan radius sudut setelah lebar dan tinggi. Kotak bersudut bulat membuat tombol dan kartu terasa lebih ramah.

Urutannya penting: bentuk yang digambar belakangan akan berada di atas. Gambar kotak terisi terlebih dahulu, lalu cetak teks di atasnya untuk menghasilkan efek lencana berlabel.

Seperti biasa, semua gambar mengisi penyangga. Akhiri pekerjaan menggambar dengan display.display() agar seluruh gambar yang tersusun muncul sekaligus.

Sekarang Anda dapat menggambar piksel, garis, persegi panjang, dan lingkaran, serta menumpuk bentuk dengan teks. Primitif ini sudah cukup untuk menyusun antarmuka pengguna yang nyata.