Arduino touchscreen-display: 4 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17

Hallo! Vandaag laat ik je zien hoe je een touchscreen-schild gebruikt met de Arduino Uno. Je kunt het gebruiken als een klein display voor citaten of foto's of allerlei andere dingen.

Stap 1: Onderdelen

Je zal nodig hebben:

• Arduino Uno
• Seeed Studios TFT-schild
• USB-kabel
• Micro SD kaart

Dat is alles wat je nodig hebt. Je kunt het TFT-shield krijgen op seeedstudios.com voor 50 dollar. Nadat je het schild hebt gekregen, plaats je de micro SD-kaart in de kleine sleuf aan de onderkant. Nu is je TFT-shield klaar voor gebruik. Sluit het aan op uw Arduino Uno en stel de onderstaande bestanden in om te downloaden.

U hebt deze software en deze bestanden ook nodig:

• Arduino IDE
• TFT_Touch_Shield_v2-master-2 bibliotheek (deze kan worden gedownload van de seeed studios wiki)
• Elke vorm van zip-bestandsconverter

Stap 2: voer uw eerste TFT-programma uit

Nu je alle onderdelen en software hebt, open je de Arduino IDE en open je de

TFT_Touch_Shield_v2-master-2 bibliotheek. Open de voorbeelden en zoek het eerste programma met het label "drawCircle". Als je dat programma eenmaal hebt geopend, lees dan alle kanttekeningen zodat je de commando's begrijpt en hoe je ze moet gebruiken. Upload het programma naar je bord. Het touchscreen moet 4 cirkels, 2 ingevulde en 2 contouren weergeven. Als dat zo is, gefeliciteerd! U hebt zojuist uw eerste TFT-programma uitgevoerd.

Stap 3: Toevoegen

Hopelijk heb je de kanttekeningen gelezen, zodat je weet hoe je de commando's in het "drawCircle" programma moet gebruiken. Nu moet je toepassen wat je weet door parameters in sommige commando's te wijzigen, zodat je kunt zien wat er gebeurt als je dat doet. Probeer de coördinaten, grootte en kleur van de cirkels op het scherm te veranderen. Dit is wat ik deed nadat ik had geleerd hoe de commando's te veranderen:

#include #include

#erbij betrekken

ongeldige setup() {

TFT_BL_ON;

Tft. TFTinit();

Tft.fillCircle(110, 150, 100, GEEL);

Tft.fillCircle(100, 100, 25, ZWART);

Tft.fillCircle (120, 120, 10, ROOD);

Tft.fillCircle (120, 120, 10, BLAUW);

Tft.fillCircle(120, 120, 10, CYAAN);

Tft.fillCircle(110, 110, 5, WIT);

}

lege lus() {

}

Als je dat allemaal hebt gedaan, is het tijd om verder te gaan. Bekijk enkele van de andere voorbeelden en leer hoe u ze samen kunt gebruiken. Je moet waarschijnlijk de programma's bestuderen die vormen of figuren tekenen (bijvoorbeeld "drawRectangle" of "drawNumbers").

Stap 4: Toevoegen op vervolg

Als je het maken van vormen op het scherm eenmaal onder de knie hebt, moet je verder gaan met het leren weergeven van afbeeldingen (drawbmp1&2) en hoe je op het scherm kunt tekenen (paint). Nou, dat is het zo'n beetje. Bedankt voor het lezen en als je me wilt om hier nog een instructable over te publiceren, laat dan een reactie achter. Bedankt voor het lezen!