Linjer, rektanglar och cirklar

Enbart text blir snabbt enformigt. Biblioteket GFX kan även rita former, så att Ni kan rama in data, skapa mätare och utforma ett riktigt litet gränssnitt. 🎨

Varje form placeras i ett koordinatrutnät. Punkten (0,0) är uppe till vänster; x går åt höger och y går nedåt, precis som den textmarkör Ni redan har använt.

Det minsta märket är en punkt. drawPixel tar ett x, ett y och en färg och tänder exakt en punkt på skärmen.

drawLine kopplar ihop två punkter. Ange startens x och y, slutets x och y samt en färg för att rita en rak linje mellan dem.

drawRect behöver ett x- och y-värde för det övre vänstra hörnet samt en bredd och höjd. Den ritar bara kanten, vilket passar perfekt för att rama in ett värde eller ett avsnitt.

Byt till fillRect med samma argument för att fylla hela rutan. Fyllda staplar är grunden i mätare och förloppsvisningar.

drawCircle tar ett x- och y-värde för centrum samt en radie. Den ritar en ring som passar bra för mätartavlor, statuspunkter eller runda ikoner.

Använd fillCircle för en fylld skiva. En liten fylld cirkel blir en tydlig på/av-indikator som är lätt att läsa med en blick.

För ett mjukare utseende lägger drawRoundRect till en hörnradie efter bredd och höjd. Rundade rutor får knappar och kort att kännas vänligare.

Ordningen spelar roll: former som ritas senare hamnar överst. Rita först en fylld box och skriv sedan text ovanpå för en märkt bricka.

Som alltid fyller all ritning bufferten. Avsluta arbetet med former genom att anropa display.display(), så visas hela den sammansatta bilden på en gång.

Ni kan nu rita pixlar, linjer, rektanglar och cirklar samt lägga former i lager tillsammans med text. Dessa grundelement räcker för att skapa ett riktigt gränssnitt.