Líneas, rectángulos y círculos

El texto por sí solo puede resultar aburrido. La biblioteca GFX también dibuja formas, para que pueda enmarcar datos, crear medidores y diseñar una pequeña interfaz real. 🎨

Cada forma vive en una cuadrícula de coordenadas. El punto (0,0) está arriba a la izquierda; x aumenta hacia la derecha e y hacia abajo, igual que con el cursor de texto que ya utilizó.

La marca más pequeña es un punto. drawPixel recibe una x, una y y un color, e ilumina exactamente un punto de la pantalla.

drawLine conecta dos puntos. Proporcione la x y la y iniciales, la x y la y finales y un color para trazar una línea recta entre ellos.

drawRect necesita la x y la y de la esquina superior izquierda, seguidas del ancho y el alto. Traza solo el borde, perfecto para enmarcar un valor o una sección.

Cambie a fillRect con los mismos argumentos para pintar toda la caja de forma sólida. Las barras rellenas son la base de los medidores y las pantallas de progreso.

drawCircle recibe la x y la y del centro, además del radio. Traza un anillo, útil para diales, indicadores de estado o iconos redondeados.

Use fillCircle para crear un disco sólido. Un círculo pequeño relleno funciona como un indicador claro de encendido o apagado, fácil de interpretar de un vistazo.

Para obtener un aspecto más suave, drawRoundRect añade un radio de esquina después del ancho y el alto. Las cajas redondeadas hacen que los botones y las tarjetas resulten más amigables.

El orden es importante: las formas dibujadas después quedan encima. Dibuje primero una box rellena y, después, imprima texto sobre ella para crear el efecto de una insignia etiquetada.

Como siempre, todos los dibujos se cargan en el búfer. Termine el trabajo con formas usando display.display() para que la imagen compuesta completa aparezca de una vez.

Quiere mostrar con una barra cuánto se ha llenado un depósito.

Ahora puede dibujar píxeles, líneas, rectángulos y círculos, y superponer formas con texto. Estas primitivas son todo lo que necesita para componer una interfaz de usuario real.