Lolin32 and 2.4 TFT LCD Touch Screen shield example

In this article we look at the Lolin 32 to a 2.4“ inch 320×240 TFT LCD Touch Screen shield.

This is the shield which we connect via a TFT connector from the shield to the Lolin D32

  • 2.4” diagonal LCD TFT display
  • 320×240 pixels
  • TFT Driver IC: ILI9341
  • Touch Screen controller IC: XPT2046
  • Compatible with D1 mini, D1 mini Pro, D32 Pro.

Code

Install these libraries – Adafruit_GFXAdafruit_ILI9341 and XPT2046_Touchscreen Library

A couple of really good examples here

Touch example

<pre>#include &lt;SPI.h&gt;
#include &lt;Adafruit_GFX.h&gt;
#include &lt;Adafruit_ILI9341.h&gt;
#include &lt;XPT2046_Touchscreen.h&gt;

//#define TFT_CS D0  //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TFT_DC D8  //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TFT_RST -1 //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TS_CS D3   //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)

#define TFT_CS 14  //for D32 Pro
#define TFT_DC 27  //for D32 Pro
#define TFT_RST 33 //for D32 Pro
#define TS_CS  12 //for D32 Pro

Adafruit_ILI9341 tft = Adafruit_ILI9341(TFT_CS, TFT_DC, TFT_RST);
XPT2046_Touchscreen ts(TS_CS);

void setup()
{
  Serial.begin(115200);
  ts.begin();
  ts.setRotation(1);

  tft.begin();
  tft.setRotation(3);
  tft.fillScreen(ILI9341_BLACK);
  tft.setTextColor(ILI9341_WHITE);
  tft.setTextSize(3);
  tft.println("Touch Test");

  while (!Serial &amp;&amp; (millis() &lt;= 1000))
    ;
}

void loop()
{
  if (ts.touched())
  {
    TS_Point p = ts.getPoint();

    tft.fillScreen(ILI9341_BLACK);
    tft.setCursor(0, 0);

    tft.print("Pressure = ");
    tft.println(p.z);
    tft.print("X = ");
    tft.println(p.x);
    tft.print("Y = ");
    tft.println(p.y);
  }
}</pre>
</div>

Graphics example

<pre>#include &lt;SPI.h&gt;
#include &lt;Adafruit_GFX.h&gt;
#include &lt;Adafruit_ILI9341.h&gt;

//#define TFT_CS D0 //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TFT_DC D8 //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TFT_RST -1 //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)
//#define TS_CS D3 //for D1 mini or TFT I2C Connector Shield (V1.1.0 or later)

#define TFT_CS 14 //for D32 Pro
#define TFT_DC 27 //for D32 Pro
#define TFT_RST 33 //for D32 Pro
#define TS_CS 12 //for D32 Pro

Adafruit_ILI9341 tft = Adafruit_ILI9341(TFT_CS, TFT_DC, TFT_RST);

void setup()
{
Serial.begin(115200);
Serial.println("ILI9341 Test!");

tft.begin();

// read diagnostics (optional but can help debug problems)
uint8_t x = tft.readcommand8(ILI9341_RDMODE);
Serial.print("Display Power Mode: 0x");
Serial.println(x, HEX);
x = tft.readcommand8(ILI9341_RDMADCTL);
Serial.print("MADCTL Mode: 0x");
Serial.println(x, HEX);
x = tft.readcommand8(ILI9341_RDPIXFMT);
Serial.print("Pixel Format: 0x");
Serial.println(x, HEX);
x = tft.readcommand8(ILI9341_RDIMGFMT);
Serial.print("Image Format: 0x");
Serial.println(x, HEX);
x = tft.readcommand8(ILI9341_RDSELFDIAG);
Serial.print("Self Diagnostic: 0x");
Serial.println(x, HEX);

Serial.println(F("Benchmark Time (microseconds)"));
delay(10);
Serial.print(F("Screen fill "));
Serial.println(testFillScreen());
delay(500);

Serial.println(F("Done!"));
}

void loop(void)
{
for (uint8_t rotation = 0; rotation &lt; 4; rotation++)
{
tft.setRotation(rotation);
testText();
delay(1000);
}
}

unsigned long testFillScreen()
{
unsigned long start = micros();
tft.fillScreen(ILI9341_BLACK);
yield();
tft.fillScreen(ILI9341_RED);
yield();
tft.fillScreen(ILI9341_GREEN);
yield();
tft.fillScreen(ILI9341_BLUE);
yield();
tft.fillScreen(ILI9341_BLACK);
yield();
return micros() - start;
}

unsigned long testText()
{
tft.fillScreen(ILI9341_BLACK);
unsigned long start = micros();
tft.setCursor(0, 0);
tft.setTextColor(ILI9341_WHITE);
tft.setTextSize(1);
tft.println("Hello World!");
tft.setTextColor(ILI9341_YELLOW);
tft.setTextSize(2);
tft.println(1234.56);
tft.setTextColor(ILI9341_RED);
tft.setTextSize(3);
tft.println(0xDEADBEEF, HEX);
tft.println();
tft.setTextColor(ILI9341_GREEN);
tft.setTextSize(5);
tft.println("Groop");
tft.setTextSize(2);
tft.println("I implore thee,");
tft.setTextSize(1);
tft.println("my foonting turlingdromes.");
tft.println("And hooptiously drangle me");
tft.println("with crinkly bindlewurdles,");
tft.println("Or I will rend thee");
tft.println("in the gobberwarts");
tft.println("with my blurglecruncheon,");
tft.println("see if I don't!");
return micros() - start;
}

unsigned long testLines(uint16_t color)
{
unsigned long start, t;
int x1, y1, x2, y2,
w = tft.width(),
h = tft.height();

tft.fillScreen(ILI9341_BLACK);
yield();

x1 = y1 = 0;
y2 = h - 1;
start = micros();
for (x2 = 0; x2 &lt; w; x2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
x2 = w - 1;
for (y2 = 0; y2 &lt; h; y2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
t = micros() - start; // fillScreen doesn't count against timing

yield();
tft.fillScreen(ILI9341_BLACK);
yield();

x1 = w - 1;
y1 = 0;
y2 = h - 1;
start = micros();
for (x2 = 0; x2 &lt; w; x2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
x2 = 0;
for (y2 = 0; y2 &lt; h; y2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
t += micros() - start;

yield();
tft.fillScreen(ILI9341_BLACK);
yield();

x1 = 0;
y1 = h - 1;
y2 = 0;
start = micros();
for (x2 = 0; x2 &lt; w; x2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
x2 = w - 1;
for (y2 = 0; y2 &lt; h; y2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
t += micros() - start;

yield();
tft.fillScreen(ILI9341_BLACK);
yield();

x1 = w - 1;
y1 = h - 1;
y2 = 0;
start = micros();
for (x2 = 0; x2 &lt; w; x2 += 6)
tft.drawLine(x1, y1, x2, y2, color);
x2 = 0;
for (y2 = 0; y2 &lt; h; y2 += 6)
tft.drawLine(x1, y1, x2, y2, color);

yield();
return micros() - start;
}

unsigned long testFastLines(uint16_t color1, uint16_t color2)
{
unsigned long start;
int x, y, w = tft.width(), h = tft.height();

tft.fillScreen(ILI9341_BLACK);
start = micros();
for (y = 0; y &lt; h; y += 5)
tft.drawFastHLine(0, y, w, color1);
for (x = 0; x &lt; w; x += 5)
tft.drawFastVLine(x, 0, h, color2);

return micros() - start;
}

unsigned long testRects(uint16_t color)
{
unsigned long start;
int n, i, i2,
cx = tft.width() / 2,
cy = tft.height() / 2;

tft.fillScreen(ILI9341_BLACK);
n = min(tft.width(), tft.height());
start = micros();
for (i = 2; i &lt; n; i += 6)
{
i2 = i / 2;
tft.drawRect(cx - i2, cy - i2, i, i, color);
}

return micros() - start;
}

unsigned long testFilledRects(uint16_t color1, uint16_t color2)
{
unsigned long start, t = 0;
int n, i, i2,
cx = tft.width() / 2 - 1,
cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);
n = min(tft.width(), tft.height());
for (i = n; i &gt; 0; i -= 6)
{
i2 = i / 2;
start = micros();
tft.fillRect(cx - i2, cy - i2, i, i, color1);
t += micros() - start;
// Outlines are not included in timing results
tft.drawRect(cx - i2, cy - i2, i, i, color2);
yield();
}

return t;
}

unsigned long testFilledCircles(uint8_t radius, uint16_t color)
{
unsigned long start;
int x, y, w = tft.width(), h = tft.height(), r2 = radius * 2;

tft.fillScreen(ILI9341_BLACK);
start = micros();
for (x = radius; x &lt; w; x += r2)
{
for (y = radius; y &lt; h; y += r2)
{
tft.fillCircle(x, y, radius, color);
}
}

return micros() - start;
}

unsigned long testCircles(uint8_t radius, uint16_t color)
{
unsigned long start;
int x, y, r2 = radius * 2,
w = tft.width() + radius,
h = tft.height() + radius;

// Screen is not cleared for this one -- this is
// intentional and does not affect the reported time.
start = micros();
for (x = 0; x &lt; w; x += r2)
{
for (y = 0; y &lt; h; y += r2)
{
tft.drawCircle(x, y, radius, color);
}
}

return micros() - start;
}

unsigned long testTriangles()
{
unsigned long start;
int n, i, cx = tft.width() / 2 - 1,
cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);
n = min(cx, cy);
start = micros();
for (i = 0; i &lt; n; i += 5)
{
tft.drawTriangle(
cx, cy - i, // peak
cx - i, cy + i, // bottom left
cx + i, cy + i, // bottom right
tft.color565(i, i, i));
}

return micros() - start;
}

unsigned long testFilledTriangles()
{
unsigned long start, t = 0;
int i, cx = tft.width() / 2 - 1,
cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);
start = micros();
for (i = min(cx, cy); i &gt; 10; i -= 5)
{
start = micros();
tft.fillTriangle(cx, cy - i, cx - i, cy + i, cx + i, cy + i,
tft.color565(0, i * 10, i * 10));
t += micros() - start;
tft.drawTriangle(cx, cy - i, cx - i, cy + i, cx + i, cy + i,
tft.color565(i * 10, i * 10, 0));
yield();
}

return t;
}

unsigned long testRoundRects()
{
unsigned long start;
int w, i, i2,
cx = tft.width() / 2 - 1,
cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);
w = min(tft.width(), tft.height());
start = micros();
for (i = 0; i &lt; w; i += 6)
{
i2 = i / 2;
tft.drawRoundRect(cx - i2, cy - i2, i, i, i / 8, tft.color565(i, 0, 0));
}

return micros() - start;
}

unsigned long testFilledRoundRects()
{
unsigned long start;
int i, i2,
cx = tft.width() / 2 - 1,
cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);
start = micros();
for (i = min(tft.width(), tft.height()); i &gt; 20; i -= 6)
{
i2 = i / 2;
tft.fillRoundRect(cx - i2, cy - i2, i, i, i / 8, tft.color565(0, i, 0));
yield();
}

return micros() - start;
}</pre>

 

Video

A video showing these examples

SHARE
Previous articleLOLIN D32 Pro and Barometric Pressure Shield example
Next articleESP32 and BME680 sensor example