Bodmer
commented
2 years ago It looks like you are not setting a background colour.
tft.setTextColor(TFT_BLACK. TFT_WHITE);
Draws black text with a white background. Old characters are then over-written. You may need to pad the text with spaces it the digit count varies.
The drawString(...) and setTextPadding(...) functions could also be used. See examples.
I have made a project which is working fine till the point when the output's being displayed in the LCD TFT ILI9486.
The data keeps rewriting on itself and therefore I am unable to read clearly as what is displayed. For example if the output is 1 and after an instance the output updates to 2 then this 2 is displayed over the number 1 and thus both are not clearly depictable. Attaching the code for your reference. Please help
THE CODE:
**_#include
include
include "ESPAsyncWebServer.h"
include
include
include
include "MCUFRIEND_kbv.h"
include
include
include
TFT_eSPI tft = TFT_eSPI();
define ESP32_PARALLEL
define ILI9486_DRIVER
String temperature; String humidity;
// Replace with your network credentials (STATION) const char ssid = "vivo 1919"; const char password = "12345678";
//ACCESS POINT credentials const char ssidAP = "ESP_E63B4D"; const char passwordAP = "";
float current_humidity = -100; float previous_humidity = -100; float current_temperature = -100; float previous_temperature = -100;
// Structure example to receive data // Must match the sender structure typedef struct struct_message { int id; float temperature; float humidity; unsigned int readingId; } struct_message;
struct_message incomingReadings;
define TFT_CD D15
define TFT_RTS D32
define TFTWIDTH 480
define TFTHIGHT 320
define TFT_BLACK 0x0000 / 0, 0, 0 /
define TFT_NAVY 0x000F / 0, 0, 128 /
define TFT_DARKGREEN 0x03E0 / 0, 128, 0 /
define TFT_DARKCYAN 0x03EF / 0, 128, 128 /
define TFT_MAROON 0x7800 / 128, 0, 0 /
define TFT_PURPLE 0x780F / 128, 0, 128 /
define TFT_OLIVE 0x7BE0 / 128, 128, 0 /
define TFT_LIGHTGREY 0xD69A / 211, 211, 211 /
define TFT_DARKGREY 0x7BEF / 128, 128, 128 /
define TFT_BLUE 0x001F / 0, 0, 255 /
define TFT_GREEN 0x07E0 / 0, 255, 0 /
define TFT_CYAN 0x07FF / 0, 255, 255 /
define TFT_RED 0xF800 / 255, 0, 0 /
define TFT_MAGENTA 0xF81F / 255, 0, 255 /
define TFT_YELLOW 0xFFE0 / 255, 255, 0 /
define TFT_WHITE 0xFFFF / 255, 255, 255 /
define TFT_ORANGE 0xFDA0 / 255, 180, 0 /
define TFT_GREENYELLOW 0xB7E0 / 180, 255, 0 /
define TFT_PINK 0xFE19 / 255, 192, 203 / //Lighter pink, was 0xFC9F
define TFT_BROWN 0x9A60 / 150, 75, 0 /
define TFT_GOLD 0xFEA0 / 255, 215, 0 /
define TFT_SILVER 0xC618 / 192, 192, 192 /
define TFT_SKYBLUE 0x867D / 135, 206, 235 /
define TFT_VIOLET 0x915C / 180, 46, 226 /
JSONVar board;
unsigned long previousMillis = 0; const long interval = 5000;
AsyncWebServer server(80); AsyncEventSource events("/events");
// callback function that will be executed when data is received void OnDataRecv(const uint8_t mac_addr, const uint8_t incomingData, int len) { // Copies the sender mac address to a string char macStr[18]; Serial.print("Packet received from: "); snprintf(macStr, sizeof(macStr), "%02x:%02x:%02x:%02x:%02x:%02x", mac_addr[0], mac_addr[1], mac_addr[2], mac_addr[3], mac_addr[4], mac_addr[5]); Serial.println(macStr); memcpy(&incomingReadings, incomingData, sizeof(incomingReadings));
board["id"] = incomingReadings.id; board["temperature"] = incomingReadings.temperature; board["humidity"] = incomingReadings.humidity; board["readingId"] = String(incomingReadings.readingId); String jsonString = JSON.stringify(board); events.send(jsonString.c_str(), "new_readings", millis());
Serial.printf("Board ID %u: %u bytes\n", incomingReadings.id, len); Serial.printf("t value: %4.2f \n", incomingReadings.temperature); Serial.printf("h value: %4.2f \n", incomingReadings.humidity); Serial.printf("readingID value: %d \n", incomingReadings.readingId); Serial.println(); }
const char index_html[] PROGMEM = R"rawliteral( <!DOCTYPE HTML>
ESP-NOW DASHBOARD
LECP #1 - TEMPERATURE
°C
Reading ID:
LECP #1 - HUMIDITY
%
Reading ID:
LECP #2 - TEMPERATURE
°C
Reading ID:
LECP #2 - HUMIDITY
%
Reading ID:
LECP #3 - TEMPERATURE
°C
Reading ID:
LECP #3 - HUMIDITY
%
Reading ID:
LECP #4 - TEMPERATURE
°C
Reading ID:
LECP #4 - HUMIDITY
%
Reading ID:
LECP #5 - TEMPERATURE
°C
Reading ID:
LECP #5 - HUMIDITY
%
Reading ID:
)rawliteral";
void setup() { // Initialize Serial Monitor tft.begin(0x9486); Serial.begin(115200); tft.setRotation(2); tft.fillScreen(ILI9486_BLACK); // Black Background tft.fillRect(0,0,40,480,TFT_CYAN); // Upper GREEN Rectange tft.setRotation(1); tft.fillRect(0,40,160,140,TFT_MAGENTA); // Upper GREEN Rectange tft.fillRect(160,40,160,140,TFT_MAGENTA); // Lower RED Rectange tft.fillRect(320,40,160,140,TFT_MAGENTA); // Upper BLUE Rectange
tft.drawRect(0,40,160,140,TFT_YELLOW); // White borders to the rectangles tft.drawRect(160,40,160,140,TFT_YELLOW); // White borders to the rectangles tft.drawRect(320,40,160,140,TFT_YELLOW); // White borders to the rectangles
tft.fillRect(0,180,160,140,TFT_MAGENTA); // Upper GREEN Rectange tft.fillRect(160,180,160,140,TFT_MAGENTA); // Lower RED Rectange tft.fillRect(320,180,160,140,TFT_MAGENTA); // Upper BLUE Rectange
tft.drawRect(0,180,160,140,TFT_YELLOW); // White borders to the rectangles tft.drawRect(160,180,160,140,TFT_YELLOW); // White borders to the rectangles tft.drawRect(320,180,160,140,TFT_YELLOW);
// Set the device as a Station and Soft Access Point simultaneously WiFi.mode(WIFI_AP_STA);
// Set device as a Wi-Fi Station WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(1000); Serial.println("Setting as a Wi-Fi Station.."); } Serial.print("Station IP Address: "); Serial.println(WiFi.localIP()); Serial.print("Wi-Fi Channel: "); Serial.println(WiFi.channel());
// Init ESP-NOW if (esp_now_init() != ESP_OK) { Serial.println("Error initializing ESP-NOW"); return; }
// Once ESPNow is successfully Init, we will register for recv CB to // get recv packer info esp_now_register_recv_cb(OnDataRecv);
server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){ request->send_P(200, "text/html", index_html); });
events.onConnect([](AsyncEventSourceClient *client){ if(client->lastId()){ Serial.printf("Client reconnected! Last message ID that it got is: %u\n", client->lastId()); } // send event with message "hello!", id current millis // and set reconnect delay to 1 second client->send("hello!", NULL, millis(), 0); }); server.addHandler(&events); server.begin(); }
void loop() { static unsigned long lastEventTime = millis(); static const unsigned long EVENT_INTERVAL_MS = 1000; if ((millis() - lastEventTime) > EVENT_INTERVAL_MS) { if(WiFi.status()== WL_CONNECTED ){ events.send("ping",NULL,millis()); lastEventTime = millis(); }
//display.clearDisplay();
tft.setTextColor(TFT_BLACK); // Set Text Proporties tft.setTextSize(2); tft.setCursor(30,10); tft.println("LOCAL ENGINE CONTROL PANEL (LECP)"); // Write Text on LCD
tft.setTextColor(TFT_BLACK);
tft.setCursor(40,45); tft.println("LECP 1"); // Write Text on LCD // display temperature
Serial.println("Temperature: " + temperature + " *C - Humidity: " + humidity ); tft.setTextSize(2); tft.setTextColor(TFT_MAGENTA);
//tft.fillRect(0,40,160,140,TFT_MAGENTA); delay (1000); //previous_temperature = current_temperature;
Serial.println("Temperature: " + temperature + " *C - Humidity: " + humidity );
tft.setCursor(200, 45); tft.println("LECP 2"); // Write Text on LCD // display temperature tft.setTextSize(2); tft.setTextColor(TFT_BLACK); tft.setCursor(200,70); tft.print("T: "); tft.print(temperature); tft.print(" "); tft.setTextSize(1); // tft._cp437(true); //tft.write(248); tft.setTextSize(2); tft.print("C");
tft.setCursor(360,45); tft.println("LECP 3"); // Write Text on LCD // display temperature tft.setTextSize(2); tft.setTextColor(TFT_BLACK); tft.setCursor(360,70); tft.print("T: "); tft.print(temperature); tft.print(" "); tft.setTextSize(1); // tft._cp437(true); tft.write(248); tft.setTextSize(2); tft.print("C");
tft.setCursor(40,185); tft.println("LECP 4"); // Write Text on LCD // display temperature tft.setTextSize(2); tft.setTextColor(TFT_BLACK); tft.setCursor(40,215); tft.print("T: "); tft.print(temperature); tft.print(" "); tft.setTextSize(1); // tft._cp437(true); tft.write(248); tft.setTextSize(2); tft.print("C");
tft.setCursor(200,185); tft.println("LECP 5"); // Write Text on LCD // display temperature tft.setTextSize(2); tft.setTextColor(TFT_BLACK); tft.setCursor(200,215); tft.print("T: "); tft.print(temperature); tft.print(" "); tft.setTextSize(1); // tft._cp437(true); tft.write(248); tft.setTextSize(2); tft.print("C");
delay(5000);
// else { // Serial.println("WiFi Disconnected"); }
} _**