Tutorial Arduino #19

Display TFT Touchscreen

Come usare display TFT Touchscreen - Tutorial Arduino #19
Tutorial Arduino #18: Emulare tastiera e mouse
Tutorial Arduino #18
Emulare tastiera e mouse
Tutorial Arduino #20: Radiofrequenze
Tutorial Arduino #20
Radiofrequenze

Descrizione

In questo episodio del tutorial di Arduino, impareremo a usare il display TFT touchscreen. Vedremo come installare le librerie necessarie per farlo funzionare. Realizzeremo, inoltre, alcuni semplici esempi di sketch e circuiti per disegnare sullo schermo e utilizzare il touchscreen.

Scarica le risorse

Progetto: Display TFT Touchscreen (input)

Schema

Componenti

Codice

#include <MCUFRIEND_kbv.h>#define MARGIN 10#define INPUT_PIN A15#define THRESHOLD 3#define BLACK 0x0000#define BLUE 0x001F#define RED 0xF800#define GREEN 0x07E0#define CYAN 0x07FF#define MAGENTA 0xF81F#define YELLOW 0xFFE0#define WHITE 0xFFFFMCUFRIEND_kbv tft;uint16_t colors[] = {RED, YELLOW, GREEN, CYAN, BLUE, MAGENTA};int colorsLength = sizeof(colors) / sizeof(uint16_t);int sliderWidth;int colorWidth;int lastValue = -1;void setup() {  tft.begin(tft.readID());  tft.setRotation(1);  sliderWidth = tft.width() - 2 * MARGIN;  colorWidth = sliderWidth / colorsLength;  initScreen();}void loop() {  int value = analogRead(INPUT_PIN);  if (value < lastValue - THRESHOLD || value > lastValue + THRESHOLD) {    int cursor = map(value, 010230, sliderWidth);    int colorIndex = selectColor(cursor);    if (colorIndex != -1) {      drawCursor(colors[colorIndex], cursor);      printValue(colors[colorIndex], "INPUT"String(value));    }    lastValue = value;  }  delay(1);}void initScreen() {  tft.fillScreen(BLACK);   tft.setCursor(MARGIN, MARGIN);  tft.print("Tutorial di Arduino");  tft.setCursor(MARGIN, MARGIN+15);  tft.setTextColor(YELLOW);  tft.setTextSize(2);  tft.print("Display TFT Touch");  tft.drawLine(MARGIN, MARGIN + 40, tft.width() - MARGIN, MARGIN + 40, WHITE);   tft.fillRect(MARGIN, 122, sliderWidth, 2, WHITE);  for (int i = 0; i < colorsLength; i++) {    tft.fillRect(MARGIN + i * colorWidth, 11725, WHITE);    tft.fillRect(MARGIN + i * colorWidth, 130, colorWidth, 30, colors[i]);  }  tft.fillRect(MARGIN + colorsLength * colorWidth - 211725, WHITE);}int selectColor(int cursor) {  for (int i = 0; i < colorsLength; i++) {    if (cursor >= i * colorWidth && cursor < (i + 1* colorWidth) {      return i;    }  }  return -1;}void drawCursor(uint16_t color, int cursor) {  int pos = MARGIN + cursor;  tft.fillRect(085, tft.width(), 26, BLACK);  tft.fillRect(pos - 285515, color);  tft.fillTriangle(pos - 9100, pos, 110, pos + 9100, color);}void printValue(uint16_t color, String label, String value) {  tft.setTextColor(color);  tft.setTextSize(3);  tft.setCursor(MARGIN, tft.height() - MARGIN - 22);  tft.print(label + ": ");  tft.fillRect(MARGIN + 125, tft.height() - MARGIN - 23, tft.width(), 25, BLACK);  tft.setCursor(MARGIN + 130, tft.height() - MARGIN - 22);  tft.print(value);}
scarica il file

Progetto: Display TFT Touchscreen (output)

Schema

Componenti

Codice

#include <MCUFRIEND_kbv.h>#include <TouchScreen.h>#define MARGIN 10#define RED_PIN 46#define GREEN_PIN 45#define BLUE_PIN 44#define BLACK 0x0000#define BLUE 0x001F#define RED 0xF800#define GREEN 0x07E0#define CYAN 0x07FF#define MAGENTA 0xF81F#define YELLOW 0xFFE0#define WHITE 0xFFFFconst int XP=8,XM=A2,YP=A3,YM=9//240x320 ID=0x9595const int TS_LEFT=920,TS_RT=139,TS_TOP=93,TS_BOT=907;MCUFRIEND_kbv tft;TouchScreen touch = TouchScreen(XP, YP, XM, YM, 300);uint16_t colors[] = {RED, YELLOW, GREEN, CYAN, BLUE, MAGENTA};int colorsLength = sizeof(colors) / sizeof(uint16_t);String colorNames[] {"rosso""giallo""verde""ciano""blu""magenta"};int sliderWidth;int colorWidth;int lastValue = -1;void setup() {  tft.begin(tft.readID());  tft.setRotation(1);  sliderWidth = tft.width() - 2 * MARGIN;  colorWidth = sliderWidth / colorsLength;  initScreen();  pinMode(RED_PIN, OUTPUT);  pinMode(GREEN_PIN, OUTPUT);  pinMode(BLUE_PIN, OUTPUT);}void loop() {  int x, y;  bool isTouch = readTouch(x, y);  if (isTouch && (x > MARGIN && x < tft.width() - MARGIN && y > 130 && y < 160)) {    int colorIndex = selectColor(x - MARGIN);    if (colorIndex != -1 && colorIndex != lastValue) {      int cursor = colorWidth * (colorIndex + 0.5);      drawCursor(colors[colorIndex], cursor);      printValue(colors[colorIndex], "OUTPUT", colorNames[colorIndex]);      showColor(colors[colorIndex]);    }    lastValue = colorIndex;  }  delay(1);}void initScreen() {  tft.fillScreen(BLACK);   tft.setCursor(MARGIN, MARGIN);  tft.print("Tutorial di Arduino");  tft.setCursor(MARGIN, MARGIN+15);  tft.setTextColor(YELLOW);  tft.setTextSize(2);  tft.print("Display TFT Touch");  tft.drawLine(MARGIN, MARGIN + 40, tft.width() - MARGIN, MARGIN + 40, WHITE);   tft.fillRect(MARGIN, 122, sliderWidth, 2, WHITE);  for (int i = 0; i < colorsLength; i++) {    tft.fillRect(MARGIN + i * colorWidth, 11725, WHITE);    tft.fillRect(MARGIN + i * colorWidth, 130, colorWidth, 30, colors[i]);  }  tft.fillRect(MARGIN + colorsLength * colorWidth - 211725, WHITE);}int selectColor(int cursor) {  for (int i = 0; i < colorsLength; i++) {    if (cursor >= i * colorWidth && cursor < (i + 1* colorWidth) {      return i;    }  }  return -1;}void drawCursor(uint16_t color, int cursor) {  int pos = MARGIN + cursor;  tft.fillRect(085, tft.width(), 26, BLACK);  tft.fillRect(pos - 285515, color);  tft.fillTriangle(pos - 9100, pos, 110, pos + 9100, color);}void printValue(uint16_t color, String label, String value) {  tft.setTextColor(color);  tft.setTextSize(3);  tft.setCursor(MARGIN, tft.height() - MARGIN - 22);  tft.print(label + ": ");  tft.fillRect(MARGIN + 125, tft.height() - MARGIN - 23, tft.width(), 25, BLACK);  tft.setCursor(MARGIN + 130, tft.height() - MARGIN - 22);  tft.print(value);}bool readTouch(int &x, int &y) {  TSPoint point = touch.getPoint();  pinMode(YP, OUTPUT);  pinMode(XM, OUTPUT);  digitalWrite(YP, HIGH);  digitalWrite(XM, HIGH);  if (point.z > 10 && point.z < 1000) {    x = map(point.y, TS_TOP, TS_BOT, 0, tft.width()-1);    y = map(point.x, TS_RT, TS_LEFT, 0, tft.height()-1);    return true;  }  return false;}void showColor(uint16_t color) {  int r = map((color & 0xF800>> 1100x1F0255);  int g = map((color & 0x7E0>> 500x3F0255);  int b = map(color & 0x1F00x1F0255);  analogWrite(RED_PIN, r);  analogWrite(GREEN_PIN, g);  analogWrite(BLUE_PIN, b);}
scarica il file

Arduino Software Hero

Vuoi imparare a programmare Arduino, ma non sai da dove cominciare?

Iscriviti al corso online

Libri consigliati


Tutorial consigliati

E-commerce di elettronica

Sul nostro negozio online trovi tutti i componenti usati nei tutorial.
Inoltre hai un'ampia scelta di prodotti tra:

  • Arduino
  • Raspberry Pi
  • Sensori
  • Robotica
  • Componenti elettronici
  • Accessori

Compra online, ricevi comodamente a casa

Visita il negozio
Tech Maker (italian tech project)
Utilizziamo i cookie per migliorare l'esperienza di navigazione, a fini statistici e di marketing. Per maggiori informazioni consulta la nostra informativa sulla privacy.