Zeit digital TFT ESP32 320 x 240 Pixel CYD (Lösung) – Projekte für Arduino und ESP32-Mikrocontroller

Benötigte Bibliotheken

Die im Programm verwendete Bibliothek U8g2_for_TFT_eSPI kann nicht über die Bibliotheksverwaltung installiert werden, sie muss heruntergeladen

⤷https://github.com/Bodmer/U8g2_for_TFT_eSPI

und mit

Sketch -> Bibliothek einbinden -> zip-Bibliothek hinzufügen

installiert werden.

Steuerdateien

Im Verzeichnis /Arduino/libraries/TFT_eSPI (zu finden im aktuellen Benutzerverzeichnis) muss die Datei User_Setup.h angepasst werden.

ILI9341

// Treiber TFT
#define ILI9341_2_DRIVER
#define TFT_WIDTH  240
#define TFT_HEIGHT 320
#define TFT_BACKLIGHT_ON HIGH

#define TFT_INVERSION_OFF

// SPI-Pins
#define TFT_MOSI 13
#define TFT_SCLK 14
#define TFT_CS   15
#define TFT_DC    2
#define TFT_RST  -1
#define TFT_BL   21

#define SPI_FREQUENCY  55000000
#define SPI_READ_FREQUENCY  20000000

// Touch
#define TOUCH_IRQ 36
#define TOUCH_MOSI 32
#define TOUCH_MISO 39
#define TOUCH_CLK 25
#define TOUCH_CS 33
#define SPI_TOUCH_FREQUENCY  2500000

// Schriftarten
// Font 2-4: Buchstaben, Zahlen und Satzzeichen, keine Umlaute
// Font 6-8: Zahlen -.
#define LOAD_FONT2
#define LOAD_FONT4
#define LOAD_FONT6
#define LOAD_FONT7
#define LOAD_FONT8
#define SMOOTH_FONT
#define LOAD_GFXFF

// Treiber TFT

#define ILI9341_2_DRIVER

#define TFT_WIDTH 240

#define TFT_HEIGHT 320

#define TFT_BACKLIGHT_ON HIGH

#define TFT_INVERSION_OFF

// SPI-Pins

#define TFT_MOSI 13

#define TFT_SCLK 14

#define TFT_CS 15

#define TFT_DC 2

#define TFT_RST -1

#define TFT_BL 21

#define SPI_FREQUENCY 55000000

#define SPI_READ_FREQUENCY 20000000

// Touch

#define TOUCH_IRQ 36

#define TOUCH_MOSI 32

#define TOUCH_MISO 39

#define TOUCH_CLK 25

#define TOUCH_CS 33

#define SPI_TOUCH_FREQUENCY 2500000

// Schriftarten

// Font 2-4: Buchstaben, Zahlen und Satzzeichen, keine Umlaute

// Font 6-8: Zahlen -.

#define LOAD_FONT2

#define LOAD_FONT4

#define LOAD_FONT6

#define LOAD_FONT7

#define LOAD_FONT8

#define SMOOTH_FONT

#define LOAD_GFXFF

ST7789

// Treiber TFT
#define ST7789_DRIVER
#define TFT_WIDTH  240
#define TFT_HEIGHT 320
#define TFT_BACKLIGHT_ON HIGH

// SPI-Pins
#define TFT_MOSI 13
#define TFT_SCLK 14
#define TFT_CS   15
#define TFT_DC    2
#define TFT_RST  -1
#define TFT_BL   21

// Farbreihenfolge statt RGB BGR
#define TFT_RGB_ORDER TFT_BGR

// Farben sind invertiert: Schwarz = weiß
#define TFT_INVERSION_ON
// #define TFT_INVERSION_OFF

#define SPI_FREQUENCY  55000000
#define SPI_READ_FREQUENCY  20000000

// Touch
#define TOUCH_IRQ 36
#define TOUCH_MOSI 32
#define TOUCH_MISO 39
#define TOUCH_CLK 25
#define TOUCH_CS 33
#define SPI_TOUCH_FREQUENCY  2500000

// Schriftarten
// Font 2-4: Buchstaben, Zahlen und Satzzeichen, keine Umlaute
// Font 6-8: Zahlen -.
#define LOAD_FONT2
#define LOAD_FONT4
#define LOAD_FONT6
#define LOAD_FONT7
#define LOAD_FONT8
#define SMOOTH_FONT
#define LOAD_GFXFF

// Treiber TFT

#define ST7789_DRIVER

#define TFT_WIDTH 240

#define TFT_HEIGHT 320

#define TFT_BACKLIGHT_ON HIGH

// SPI-Pins

#define TFT_MOSI 13

#define TFT_SCLK 14

#define TFT_CS 15

#define TFT_DC 2

#define TFT_RST -1

#define TFT_BL 21

// Farbreihenfolge statt RGB BGR

#define TFT_RGB_ORDER TFT_BGR

// Farben sind invertiert: Schwarz = weiß

#define TFT_INVERSION_ON

// #define TFT_INVERSION_OFF

#define SPI_FREQUENCY 55000000

#define SPI_READ_FREQUENCY 20000000

// Touch

#define TOUCH_IRQ 36

#define TOUCH_MOSI 32

#define TOUCH_MISO 39

#define TOUCH_CLK 25

#define TOUCH_CS 33

#define SPI_TOUCH_FREQUENCY 2500000

// Schriftarten

// Font 2-4: Buchstaben, Zahlen und Satzzeichen, keine Umlaute

// Font 6-8: Zahlen -.

#define LOAD_FONT2

#define LOAD_FONT4

#define LOAD_FONT6

#define LOAD_FONT7

#define LOAD_FONT8

#define SMOOTH_FONT

#define LOAD_GFXFF

Das Programm

#include "WiFi.h"
#include "NTP3.h"
#include "U8g2_for_TFT_eSPI.h"
#include "WiFiMulti.h"
#include "TFT_eSPI.h"
TFT_eSPI tft = TFT_eSPI();

WiFiMulti WiFiNetzwerke;
WiFiUDP wifiUdp;
NTP3 ntp(wifiUdp);

// Objekt u8g2Schriften
U8g2_for_TFT_eSPI u8g2Schriften;

// Farben
#define SCHWARZ 0x0000
#define WEISS 0xFFFF
#define BLAU 0x001F
#define ROT 0xF800
#define GRUEN 0x07E0
#define CYAN 0x07FF
#define MAGENTA 0xF81F
#define GELB 0xFFE0
#define BRAUN 0x9A60
#define GRAU 0x7BEF
#define GRUENGELB 0xB7E0
#define DUNKELCYAN 0x03EF
#define ORANGE 0xFDA0
#define PINK 0xFE19
#define BORDEAUX 0xA000
#define HELLBLAU 0x867D
#define VIOLETT 0x915C
#define SILBER 0xC618
#define GOLD 0xFEA0

int Vordergrundfarbe = WEISS;
int Hintergrundfarbe = SCHWARZ;

// Variablen für die Zeit
int Stunden, Minuten, Sekunden;

// Start wird nur beim ersten Start für den Aufbau des TFTs benötigt
bool Start = true;

unsigned long Zeitmessung = 0;

void setup() 
{
  // Schriften von u8g2 tft zuordnen
  // Objekt u8g2Schriften
  u8g2Schriften.begin(tft);

  Serial.begin(9600);

  // Stations-Modus
  WiFi.mode(WIFI_STA);
  WiFi.setSleep(false);
  WiFi.setAutoReconnect(true);

  // verfügbare WiFi-Netzwerke
  WiFiNetzwerke.addAP("Router_SSID", "xxxxxxxx");
  WiFiNetzwerke.addAP("Repeater_1", "xxxxxxxx");
  WiFiNetzwerke.addAP("Repeater_2", "xxxxxxxx");

  if (WiFiNetzwerke.run() == WL_CONNECTED) 
  {
    delay(200);
    Serial.println("WiFi verbunden ...");
  }
  delay(3000);

  /*
    Zeitzone
    CEST: Central European Summertime
    Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr UTC + 2 Stunden
  */
  ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);

  // CET: Central European Time
  // Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr UTC + 1 Stunde
  ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);

  // ntp starten Zeitserver deutscher NTP-Pool
  ntp.begin("de.pool.ntp.org");
  ntp.updateInterval(10000);

  // TFT starten
  tft.begin();
  tft.invertDisplay(0);
  tft.fillScreen(SCHWARZ);

  // Rotation anpassen
  tft.setRotation(1);
  u8g2Schriften.setFont(u8g2_font_helvB14_te);
  u8g2Schriften.setForegroundColor(WEISS);
  u8g2Schriften.setBackgroundColor(SCHWARZ);

  u8g2Schriften.setCursor(1, 20);
  u8g2Schriften.print("WiFi starten ...");

  u8g2Schriften.setCursor(1, 60);
  u8g2Schriften.print("WiFi verbunden ...");

  u8g2Schriften.setCursor(1, 100);
  u8g2Schriften.print(WiFi.SSID());

  u8g2Schriften.setCursor(1, 140);
  u8g2Schriften.print(WiFi.localIP());

  u8g2Schriften.setCursor(1, 180);
  u8g2Schriften.print("Signal: " + String(WiFi.RSSI()));
  if (ntp.update()) 
  {
    u8g2Schriften.setCursor(1, 220);
    u8g2Schriften.print("aktuelle Zeit: " + String(ntp.formattedTime("%H:%M")));
  }
  delay(5000);
  tft.fillScreen(Hintergrundfarbe);
  Zeitmessung = millis() + 1000;
}

void loop() 
{
  // Start = true
  // -> Zeit einmalig beim Start synchronisieren
  // danach zur vollen Minute
  if (Start) 
  {
    Start = false;
    ZeigeDatum();
    ZeitAnzeigen();
  }

  // Sekunden weiter zählen
  if (Zeitmessung < millis()) 
  {
    Zeitmessung += 1000;
    Sekunden++;

    // nach 60 Sekunden Zeit aktualisieren
    if (Sekunden == 60) 
    {
      Sekunden = 0;
      ZeitAnzeigen();
    }
  }
}

void ZeitAnzeigen() 
{
  if (ntp.update()) 
  {
    Sekunden = ntp.seconds();

    // Bereich für die Uhrzeit löschen
    tft.fillRect(1, 120, tft.width(), tft.height(), SCHWARZ);

    u8g2Schriften.setFont(u8g2_font_logisoso92_tn);

    // Cursor setzen
    u8g2Schriften.setCursor(2, 220);
    u8g2Schriften.setBackgroundColor(Hintergrundfarbe);
    u8g2Schriften.setForegroundColor(Vordergrundfarbe);
    u8g2Schriften.print(ntp.formattedTime("%H:%M"));
  }
}

void ZeigeDatum() 
{
  tft.fillScreen(Hintergrundfarbe);

  u8g2Schriften.setFont(u8g2_font_helvB24_te);
  u8g2Schriften.setCursor(10, 30);
  u8g2Schriften.setBackgroundColor(Hintergrundfarbe);
  u8g2Schriften.setForegroundColor(Vordergrundfarbe);
  switch (ntp.weekDay()) 
  {
    case 0:
      u8g2Schriften.print("Sonntag");
      break;
    case 1:
      u8g2Schriften.print("Montag");
      break;
    case 2:
      u8g2Schriften.print("Dienstag");
      break;
    case 3:
      u8g2Schriften.print("Mittwoch");
      break;
    case 4:
      u8g2Schriften.print("Donnerstag");
      break;
    case 5:
      u8g2Schriften.print("Freitag");
      break;
    case 6:
      u8g2Schriften.print("Samstag");
      break;
  }

  // Cursor setzen
  u8g2Schriften.setCursor(10, 80);

  u8g2Schriften.print(ntp.formattedTime("%d.%m.%Y"));

  tft.drawFastHLine(1, 100, tft.width(), Vordergrundfarbe);
  tft.drawFastHLine(1, 101, tft.width(), Vordergrundfarbe);
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

#include "WiFi.h"

#include "NTP3.h"

#include "U8g2_for_TFT_eSPI.h"

#include "WiFiMulti.h"

#include "TFT_eSPI.h"

TFT_eSPI tft = TFT_eSPI();

WiFiMulti WiFiNetzwerke;

WiFiUDP wifiUdp;

NTP3 ntp(wifiUdp);

// Objekt u8g2Schriften

U8g2_for_TFT_eSPI u8g2Schriften;

// Farben

#define SCHWARZ 0x0000

#define WEISS 0xFFFF

#define BLAU 0x001F

#define ROT 0xF800

#define GRUEN 0x07E0

#define CYAN 0x07FF

#define MAGENTA 0xF81F

#define GELB 0xFFE0

#define BRAUN 0x9A60

#define GRAU 0x7BEF

#define GRUENGELB 0xB7E0

#define DUNKELCYAN 0x03EF

#define ORANGE 0xFDA0

#define PINK 0xFE19

#define BORDEAUX 0xA000

#define HELLBLAU 0x867D

#define VIOLETT 0x915C

#define SILBER 0xC618

#define GOLD 0xFEA0

int Vordergrundfarbe = WEISS;

int Hintergrundfarbe = SCHWARZ;

// Variablen für die Zeit

int Stunden, Minuten, Sekunden;

// Start wird nur beim ersten Start für den Aufbau des TFTs benötigt

bool Start = true;

unsigned long Zeitmessung = 0;

void setup()

{

// Schriften von u8g2 tft zuordnen

// Objekt u8g2Schriften

u8g2Schriften.begin(tft);

Serial.begin(9600);

// Stations-Modus

WiFi.mode(WIFI_STA);

WiFi.setSleep(false);

WiFi.setAutoReconnect(true);

// verfügbare WiFi-Netzwerke

WiFiNetzwerke.addAP("Router_SSID", "xxxxxxxx");

WiFiNetzwerke.addAP("Repeater_1", "xxxxxxxx");

WiFiNetzwerke.addAP("Repeater_2", "xxxxxxxx");

if (WiFiNetzwerke.run() == WL_CONNECTED)

{

delay(200);

Serial.println("WiFi verbunden ...");

}

delay(3000);

Zeitzone

CEST: Central European Summertime

Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr UTC + 2 Stunden

ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);

// CET: Central European Time

// Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr UTC + 1 Stunde

ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);

// ntp starten Zeitserver deutscher NTP-Pool

ntp.begin("de.pool.ntp.org");

ntp.updateInterval(10000);

// TFT starten

tft.begin();

tft.invertDisplay(0);

tft.fillScreen(SCHWARZ);

// Rotation anpassen

tft.setRotation(1);

u8g2Schriften.setFont(u8g2_font_helvB14_te);

u8g2Schriften.setForegroundColor(WEISS);

u8g2Schriften.setBackgroundColor(SCHWARZ);

u8g2Schriften.setCursor(1, 20);

u8g2Schriften.print("WiFi starten ...");

u8g2Schriften.setCursor(1, 60);

u8g2Schriften.print("WiFi verbunden ...");

u8g2Schriften.setCursor(1, 100);

u8g2Schriften.print(WiFi.SSID());

u8g2Schriften.setCursor(1, 140);

u8g2Schriften.print(WiFi.localIP());

u8g2Schriften.setCursor(1, 180);

u8g2Schriften.print("Signal: " + String(WiFi.RSSI()));

if (ntp.update())

{

u8g2Schriften.setCursor(1, 220);

u8g2Schriften.print("aktuelle Zeit: " + String(ntp.formattedTime("%H:%M")));

}

delay(5000);

tft.fillScreen(Hintergrundfarbe);

Zeitmessung = millis() + 1000;

}

void loop()

{

// Start = true

// -> Zeit einmalig beim Start synchronisieren

// danach zur vollen Minute

if (Start)

{

Start = false;

ZeigeDatum();

ZeitAnzeigen();

}

// Sekunden weiter zählen

if (Zeitmessung < millis())

{

Zeitmessung += 1000;

Sekunden++;

// nach 60 Sekunden Zeit aktualisieren

if (Sekunden == 60)

{

Sekunden = 0;

ZeitAnzeigen();

}

void ZeitAnzeigen()

{

if (ntp.update())

{

Sekunden = ntp.seconds();

// Bereich für die Uhrzeit löschen

tft.fillRect(1, 120, tft.width(), tft.height(), SCHWARZ);

u8g2Schriften.setFont(u8g2_font_logisoso92_tn);

// Cursor setzen

u8g2Schriften.setCursor(2, 220);

u8g2Schriften.setBackgroundColor(Hintergrundfarbe);

u8g2Schriften.setForegroundColor(Vordergrundfarbe);

u8g2Schriften.print(ntp.formattedTime("%H:%M"));

}

void ZeigeDatum()

{

tft.fillScreen(Hintergrundfarbe);

u8g2Schriften.setFont(u8g2_font_helvB24_te);

u8g2Schriften.setCursor(10, 30);

u8g2Schriften.setBackgroundColor(Hintergrundfarbe);

u8g2Schriften.setForegroundColor(Vordergrundfarbe);

switch (ntp.weekDay())

{

case 0:

u8g2Schriften.print("Sonntag");

break;

case 1:

u8g2Schriften.print("Montag");

break;

case 2:

u8g2Schriften.print("Dienstag");

break;

case 3:

u8g2Schriften.print("Mittwoch");

break;

case 4:

u8g2Schriften.print("Donnerstag");

break;

case 5:

u8g2Schriften.print("Freitag");

break;

case 6:

u8g2Schriften.print("Samstag");

break;

}

// Cursor setzen

u8g2Schriften.setCursor(10, 80);

u8g2Schriften.print(ntp.formattedTime("%d.%m.%Y"));

tft.drawFastHLine(1, 100, tft.width(), Vordergrundfarbe);

tft.drawFastHLine(1, 101, tft.width(), Vordergrundfarbe);

}