7. Projekt -- 2.8’ LCD kijelző modul programozás- Körök, vonalak --V1.1 --2.rész
by Roboworld Hobbielektronika
Rövid leírás:Ebben a rövid projektben bemutatjuk neked, hogyan kell Arduino-val egy 2.8’-os kijelzőn megjeleníteni, köröket, vonalakat, háromszögeket, négyzeteket, saját logokat.. A kijelző egy úgynevezett Shield-re van ráhelyezve, amelyet elég egyszerűen lehet csatlakoztatni a mikrokontrollerhez. Lásd 6. Projekt..
Hardware
-2.8’-os TFT LCD Shield érintő kijelző modul
-Arduino Uno
Kijelzőről
A kijelző egy 2.8 inch-es LCD TFT modul, amelyet egyszerűen rá kell pattintani az Arduino UNO-ra vagy Arduino MEGA-ra és betölteni a hozzá tartozó library-t.
Paramétereit tekintve:
· 240x320 pixel
· 4 vezetékes rezisztív érintőképernyő
· Fehér háttérvilágítás
· Színes (18-bit)
· 3.3V vagy 5V feszültséggel táplálható
· Támogatja 2GB-ig a microSD kártyát
· Méter: 7,8 x 5,3 cm
Amennyiben még nem adtad volna hozzá az előző projekt által a LCD TFT modul libraryket akkor azt az alábbi linken most megteheted.
Lépések:
1. Töltsd le TFT LCD kijelző library-ket a fenti link segítségével
2. Másold a könyvtárakat a computered dokumentumai közé.(Felhasználó/PC-neve/Dokumentumok/Arduino/libraries)
3. Kész, hozzáadás sikeres
Grafikus alapelemek
1.Egy pixel beszínezése
A drawPixel parancs beszínez egy pixelt az általad megadott koordinátában az általad meghatározott színűre.
Mintakód:
tft.drawPixel(100,50,WHITE); //tft.drawPixel(X koordináta,Y koordináta,Szín);
2. Vonal rajzolása
A drawLine parancsal egy vonalat tudsz megrajzolni, méghozzá úgy, hogy megadod a vonal kezdetének az X0,Y0 koordinátáját, majd a vonal végének X1,Y1 koordinátáját. Ezek után kiválaszthatod, hogy milyen színű legyen a vonal.
Mintakód:
tft.drawLine(5,10,19,3,WHITE); //tft.drawLine(X0 koordináta,Y0 koordináta,X1 Koordináta,Y1 Koordináta,Szín);
3. Négyszög rajzolása A tft.dawRect paranccsal egy négyszöget lehet rajzolni úgy, hogy megkell adni a négyszögnek a kezdeti X0, Y0 koordinátáit, majd először a négyszög szélességét majd vesszővel elválasztva a magasságát. Utolsó tényezőként pedig megadhatjuk a vonal színét.
A tft.fillRect paranccsal egy négyszöget lehet kiszínezni hasonló módon mint a drawRect paranccsal. Megkell adni a négyszögnek a kezdeti X0, Y0 koordinátáit, majd először a négyszög szélességét majd vesszővel elválasztva a magasságát. Utolsó tényezőként a kitöltés színét kell megadnunk.
Mintakód:
tft.drawRect(150,90,80,70,WHITE); // tft.drawRect(X0,Y0,Szélesség,Magasság,Szín);
tft.fillRect(150,90,80,70, WHITE); // tft.fillRect(X0,Y0,Szélesség,Magasság,Szín);
tft.drawRect(150,90,80,70,WHITE); tft.fillRect(150,90,80,70, WHITE);
4. Körök A tft.drawCircle paranccsal kört tudunk rajzolni úgy, hogy megadjuk a kör középpontjának az X0,Y0 koordinátáját, megadjuk a kör sugarát (radius) és a vonal színét.
A tft.fillCircle paranccsal pedig egy kört tudunk kiszínezni úgy, hogy megadjuk a kör középpontjának az X0,Y0 koordinátáját, megadjuk a kör sugarát (radius) és a kitöltés színét.
Mintakód:
tft.drawCircle(60,60,10, RED); // tft.drawCircle(X0,Y0,10, SZÍN);
tft.fillCircle(60,60,10, RED); // tft.fillCircle(X0,Y0,10, SZÍN);
5. Lekerekített négyszögek
A tft.drawRoundRect paranccsal lekerekített négyszögeket tudunk létrehozni úgy,hogy megkell adni először a X0,Y0 koordinátákat, szélességet, magasságot, és a lekerekítés sugarát és nem utolsó sorban a színt.
A tft.fillRoundRect pedig a lekerekített négyszögeket tudjuk kiszínezni hasonló módon. Megkell adni először a X0,Y0 koordinátákat, szélességet, magasságot, és a lekerekítés sugarát és nem utolsó sorban a kitöltési színt
Mintakód:
tft.drawRoundRect(70,80,70,50,25,BLUE);//tft.drawCircle(X0,Y0,Szélesség,Magasság,Radius, SZÍN);
tft.fillRoundRect(70,80,70,50,25,BLUE);//tft.fillRoundRect (X0,Y0,Szélesség,Magasság,Radius, SZÍN);
6. Háromszög
A tft.drawTriangle paranccsal háromszöget tudunk rajzolni úgy, hogy megkell adnunk a háromszög X, Y koordinátáit és a vonal színt is.
A tft.fillTriangle paranccsal pedig a háromszöget tudunk kiszínezni ugyancsak megadva a X,Y koordinátákat és a kitöltés színét.
Mintakód:
tft.drawTriangle(70,180,55,220,85,220,YELLOW); //tft.drawTriangle(X0, Y0, X1, Y1, X2, Y2, Szín)
tft.fillTriangle(70,180,55,220,85,220,YELLOW); //tft.fillTriangle(X0, Y0, X1, Y1, X2, Y2, Szín)
7. Karakterek
Karaktereket a következő mintakód alapján tudsz kiíratni. Nem kell mást tenni mint a kurzort a megfelelő sorba navigálni (X,Y koordinátát megadva), kiválasztani a színt a betűméretet és a tetszőleges szöveget. Fontos még megjegyezni, hogy az 1-es betűméret egy 5x8 pixel nagyságú helyet foglal, míg a 2-es 10x16-os. A 2-es betűméret alapértelmezett betűméretnek tekinthető.
Mintakód:
tft.setCursor(160,200); // Kurzor az X=160, Y=200-as pontba helyezése.
tft.setTextColor(BLUE); // Kék betűszín kiválasztása
tft.setTextSize(2); //Betűméret kiválasztása
tft.print("Roboworld.hu"); // Kiírja, hogy Roboworld.hu
8. Képernyő törlés
A tft.fillScreen() funkció az egész képernyőt beszínezi olyan színűre amilyenre szeretnéd törölve az előtte létező tartalmat.
Mintakód:
tft.fillScreen(BLACK); // Kijelző törlése
LetöltésTeljes mintakódot letudod tölteni innen.
Megjegyzések
Megjegyzés küldése