Çizgiler, Dikdörtgenler ve Daireler

Tek başına metin bir süre sonra sıkıcı hale gelir. GFX kitaplığı şekiller de çizer; böylece verileri çerçeveleyebilir, göstergeler oluşturabilir ve gerçek bir küçük arayüz tasarlayabilirsiniz. 🎨

Her şekil bir koordinat ızgarası üzerinde yer alır. (0,0) noktası sol üsttedir; x sağa, y aşağı doğru ilerler. Bu, daha önce kullandığınız metin imlecinin davranışıyla aynıdır.

En küçük işaret tek bir noktadır. drawPixel bir x, bir y ve bir renk alarak ekranda tam olarak bir noktayı aydınlatır.

drawLine iki noktayı birleştirir. Başlangıç x ve y değerlerini, bitiş x ve y değerlerini ve rengi vererek aralarında düz bir çizgi çizebilirsiniz.

drawRect önce sol üst x ve y değerlerini, ardından genişlik ve yüksekliği ister. Yalnızca kenarlığı çizer; bu nedenle bir değeri veya bölümü çerçevelemek için idealdir.

Aynı bağımsız değişkenlerle fillRect kullanarak kutunun tamamını düz bir renkle doldurun. Dolu çubuklar, göstergelerin ve ilerleme ekranlarının temelini oluşturur.

drawCircle bir merkez x ve y değeriyle birlikte bir yarıçap alır. Bir halka çizer; kadranlar, durum noktaları veya yuvarlak simgeler için kullanışlıdır.

Düz bir disk oluşturmak için fillCircle kullanın. Küçük, dolu bir daire; açık/kapalı durumunu tek bakışta kolayca anlaşılır biçimde gösterebilir.

Daha yumuşak bir görünüm için drawRoundRect, genişlik ve yükseklikten sonra köşe yarıçapı da alır. Yuvarlatılmış kutular, düğmeleri ve kartları daha samimi gösterir.

Sıra önemlidir: Daha sonra çizilen şekiller üstte görünür. Önce dolu bir kutu çizin, ardından etiketli bir rozet görünümü elde etmek için üzerine metin yazdırın.

Her zamanki gibi tüm çizimler arabelleği doldurur. Şekilleri çizme işinizi display.display() ile bitirin; böylece oluşturduğunuz görüntünün tamamı tek seferde görünür.

Artık pikseller, çizgiler, dikdörtgenler ve daireler çizebilir; şekilleri metinle katmanlayabilirsiniz. Gerçek bir kullanıcı arayüzü oluşturmak için gereken temel parçalar bunlardır.