ESP32-Wroom – BMP280/DHT Zeit und Messdaten auf TFT anzeigen



Seite als PDF

Ziel des Projekts

Mit einem ESP32-Wroom und der Biblio­thek time.h sol­len Datum und Zeit auf einem TFT ange­zeigt wer­den.
Ein BMP280 steu­ert Tem­pe­ra­tur und Luft­druck bei, der DHT11/DHT22 sorgt für die Anzei­ge der Luft­feuch­tig­keit.

Darstellung auf dem TFT

Benö­tig­te Bauteile

  • Tem­pe­ra­tur­sen­sor DHT11 oder DHT22
  • BMP280
  • TFT (Adafruit, Wavesha­re)
  • Lei­tungs­dräh­te

⇒ Pin­be­le­gun­gen ver­schie­de­ner TFTs

Board installieren

Zuordnung der Pins

ESP32-Wroom mit 30 Pins

Das Programm

Benötigte Bibliothek installieren

Funktionen der Bibliothek Adafruit ST7735

Schlüs­sel­wortPara­me­terAkti­on
width();Bild­schirm­brei­te fest­stel­len
height();Bild­schirm­hö­he fest­stel­len
begin()TFT star­ten
initR(initR(INITR_*TAB););BLACKTAB
GREENTAB
REDTAB
Farb­sche­ma bestim­men
setRotation(Richtung);Rich­tung = 0 → nicht dre­hen
Rich­tung = 1 → 90° dre­hen
Rich­tung = 2 → 180° dre­hen
Rich­tung = 3 → 270 ° dre­hen
Bild­schirm aus­rich­ten
fillScreen(Farbe);Stan­dard­far­ben:
ST7735_BLACK
ST7735_WHITE
ST7735_GREEN
ST7735_RED
ST7735_BLUE
ST7735_YELLOW
ST7735_ORANGE
ST7735_MAGENTA
ST7735_CYAN
Bild­schirm­hin­ter­grund
drawLine(StartX, Star­tY, End­eX, EndeY, Far­be);Linie zeich­nen
drawFastHLine(StartX, Star­tY, Län­ge, Far­be);hori­zon­ta­le Linie zeich­nen
drawFastVLine(StartX, Star­tY, Län­ge, Far­be);ver­ti­ka­le Linie zeich­nen
drawRect(StartX, Star­tY,, Brei­te, Höhe, Far­be);Recht­eck zeich­nen
drawRoundRect(StartX, Star­tY, Brei­te, Höhe, Ecken­ra­di­us, Far­be);abge­run­de­tes Recht­eck zeich­nen
fillRect(StartX, Star­tY, Brei­te, Höhe, Füll­far­be);aus­ge­füll­tes Recht­eck zeich­nen
drawCircle(MittelpunkX, Mit­tel­punk­tY, Radi­us, Far­be);Kreis zeich­nen
fillCircle(MittelpunktX, Mit­tel­punk­tY, Radi­us, Füll­far­be);Aus­ge­füll­ten Kreis zeich­nen
setCursor(x, y);Cur­sor set­zen
setTextSize(Textgröße);Text­grö­ße:
1 - 4
Text­grö­ße bestim­men
setTextColor(Farbe);Text­far­be set­zen
print("Text"); println("Text");Text schrei­ben
setTextWrap(true/false);fal­se → Text fließt über den Rand des TFTs hin­aus
true → Text wird am Ende umge­bro­chen
Zei­len­um­bruch

Bibliotheken und Variablen

Der setup-Teil

Der loop-Teil


letz­te Aktua­li­sie­rung: Jan. 2, 2026 @ 10:10

Inhalt