Uploaded October 2024 | Updated September 2026, 2 weeks ago
***********************************************
Follow and contact me on Instagram : instagram.com/utehstr
***********************************************
ARDUINO IDE + ESP32 + 3.2” LCD TFT Touchscreen ILI9341 240*320 + LVGL (Light and Versatile Graphics Library).
Getting Started ESP32 and 3.2 Inch LCD TFT Touchscreen SPI Serial ILI9341 240*320 using Arduino IDE and LVGL.
Software used :
- Arduino IDE (V1.8.19).
Arduino core :
- Arduino core for the ESP32 (V2.0.16).
Arduino libraries used :
- TFT_eSPI by Bodmer (V2.5.43).
- XPT2046_Touchscreen by Paul Stoffregen (V1.4.0).
- lvgl by kisvegabor, embeddedt and pete-pjb (V9.2.0).
Hardware used :
- ESP32 DEVKIT V1.
- 3.2” TFT LCD Touchscreen ILI9341 240*320 Pixel.
- LED.
- Resistors 220 ohms.
- And other equipment such as cables, power supplies and others.
Timestamp :
00:00 Opening
00:34 Project Preview
01:53 Installation Image
02:03 What is LVGL ?
02:27 Installing Required Libraries
04:04 TFT_eSPI library settings
04:52 LVGL library settings
05:20 Step 1 - Test Displaying Text and Drawing Shapes (Code)
06:33 Step 1 - Test Displaying Text and Drawing Shapes (Demo)
06:53 Step 2 - Touchscreen Calibration (Code)
08:15 Step 2 - Touchscreen Calibration (Demo)
11:17 Step 3 - Main Project (Code)
13:01 Step 3 - Entering Touchscreen Calibration Values Into Arduino Code
14:11 Step 3 - Main Project (Demo)
15:27 Closing
***********************************************
Download Arduino Code and other files : drive.google.com/file/d/1dgtIu6FgVIv2UiuwB1AH4fEPPDlNmfew/view?usp=sharing
The code file is saved in the .rar file format. I created a .rar file using Winrar V5.50, so to extract it, make sure you use the same version of Winrar that I use or the latest version or use the winrar extractor online.
***********************************************
SORRY IF MY ENGLISH IS CONFUSING, I USE AN ONLINE TRANSLATOR.
THANKS FOR WATCHING & DON'T FORGET TO LIKE , SHARE, COMMENT AND SUBSCRIBE.
***********************************************
For other video tutorials on this channel, please see this playlist:
- Basic4Android (B4A) Tutorials : youtube.com/watch?v=-BIq32-qEgA&list=PLnXsmScWzcm6RVlhPM7qg_OJ2N8OpV99d
- Electronics Tutorials : youtube.com/watch?v=rLdsWt6EP6w&list=PLnXsmScWzcm766h5Dn4AJjbJRzDfCPh4h
- Arduino Tutorials : youtube.com/watch?v=A3_EBZqCG5s&list=PLnXsmScWzcm48hvcTTRAUFcP5Fjd4u8cS
- Great Cow Basic Tutorials : youtube.com/watch?v=orHrLmEvp0o&list=PLnXsmScWzcm7xejzacm5cKJMIh_tXXxN8
- Bascom Avr Tutorials : youtube.com/watch?v=JYKSkNQq9eM&list=PLnXsmScWzcm6F9gX1wYenqjKdqVSM7d6B
- VB .NET Tutorials : youtube.com/watch?v=Sy2vjWO0ydM&list=PLnXsmScWzcm4g8AWEJ6WXVUOBh_cWF5_z
- LoLin NodeMCU V3 ESP12E ESP8266 Tutorials : youtube.com/watch?v=8jMr94B8iN0&list=PLnXsmScWzcm5MERfTvcUNKsYhOUGKe3-V
- ESP32 Tutorials : youtube.com/watch?v=To3TIOFX6cA&list=PLnXsmScWzcm7Y5yCDItJP5Kny_MJ8DeDD
- ESP32 CAM Tutorials : youtube.com/watch?v=_5VmYJZI4XI&list=PLnXsmScWzcm6HjC0CIfVmRG1855tjhj5z
***********************************************
***********************************************
- Download Arduino IDE : arduino.cc/en/Main/Software
- Download Notepad++ : notepad-plus-plus.org/downloads
***********************************************
***********************************************
Reference :
- LVGL with ESP32 TFT LCD Touchscreen Display – 2.8 inch ILI9341 240×320 (Arduino IDE) : randomnerdtutorials.com/lvgl-esp32-tft-touchscreen-display-ili9341-arduino
- LVGL Change the text on button : forum.lvgl.io/t/change-the-text-on-button/6940/2
- LVGL how to button color change when i clicked the button : github.com/lvgl/lvgl/issues/4479#issuecomment-1692101886
- LVGL How to change background color of the startup screen : forum.lvgl.io/t/how-to-change-background-color-of-the-startup-screen/6863/2
- LVGL Examples : docs.lvgl.io/master/examples.html#examples
- LVGL How to change indicator color of switch? : forum.lvgl.io/t/how-to-change-indicator-color-of-switch/11237
- LVGL Improve the lv_span widget : github.com/lvgl/lvgl/issues/5352
- LVGL Modifying the status color of the Switch does not take effect : github.com/lvgl/lvgl/issues/3519
- LVGL Span : docs.lvgl.io/master/widgets/span.html
- LVGL Simple Buttons : docs.lvgl.io/8.3/widgets/core/btn.html
- LVGL Switch : docs.lvgl.io/8.3/widgets/core/switch.html
- LVGL Slider : docs.lvgl.io/8.3/widgets/core/slider.html
- LVGL Label : docs.lvgl.io/8.3/widgets/core/label.html
- ESP32 Basics: Generating a PWM Signal on the ESP32 : lastminuteengineers.com/esp32-pwm-tutorial
- How to use PWM analog outputs on an ESP32 : luisllamas.es/en/esp32-pwm
and from several other sources.
***********************************************
***********************************************
Follow and contact me on Instagram : instagram.com/utehstr
***********************************************
ARDUINO IDE + ESP32 + 3.2” LCD TFT Touchscreen ILI9341 240*320 + LVGL (Light and Versatile Graphics Library).
Getting Started ESP32 and 3.2 Inch LCD TFT Touchscreen SPI Serial ILI9341 240*320 using Arduino IDE and LVGL.
Software used :
- Arduino IDE (V1.8.19).
Arduino core :
- Arduino core for the ESP32 (V2.0.16).
Arduino libraries used :
- TFT_eSPI by Bodmer (V2.5.43).
- XPT2046_Touchscreen by Paul Stoffregen (V1.4.0).
- lvgl by kisvegabor, embeddedt and pete-pjb (V9.2.0).
Hardware used :
- ESP32 DEVKIT V1.
- 3.2” TFT LCD Touchscreen ILI9341 240*320 Pixel.
- LED.
- Resistors 220 ohms.
- And other equipment such as cables, power supplies and others.
Timestamp :
00:00 Opening
00:34 Project Preview
01:53 Installation Image
02:03 What is LVGL ?
02:27 Installing Required Libraries
04:04 TFT_eSPI library settings
04:52 LVGL library settings
05:20 Step 1 - Test Displaying Text and Drawing Shapes (Code)
06:33 Step 1 - Test Displaying Text and Drawing Shapes (Demo)
06:53 Step 2 - Touchscreen Calibration (Code)
08:15 Step 2 - Touchscreen Calibration (Demo)
11:17 Step 3 - Main Project (Code)
13:01 Step 3 - Entering Touchscreen Calibration Values Into Arduino Code
14:11 Step 3 - Main Project (Demo)
15:27 Closing
***********************************************
Download Arduino Code and other files : drive.google.com/file/d/1dgtIu6FgVIv2UiuwB1AH4fEPPDlNmfew/view?usp=sharing
The code file is saved in the .rar file format. I created a .rar file using Winrar V5.50, so to extract it, make sure you use the same version of Winrar that I use or the latest version or use the winrar extractor online.
***********************************************
SORRY IF MY ENGLISH IS CONFUSING, I USE AN ONLINE TRANSLATOR.
THANKS FOR WATCHING & DON'T FORGET TO LIKE , SHARE, COMMENT AND SUBSCRIBE.
***********************************************
For other video tutorials on this channel, please see this playlist:
- Basic4Android (B4A) Tutorials : youtube.com/watch?v=-BIq32-qEgA&list=PLnXsmScWzcm6RVlhPM7qg_OJ2N8OpV99d
- Electronics Tutorials : youtube.com/watch?v=rLdsWt6EP6w&list=PLnXsmScWzcm766h5Dn4AJjbJRzDfCPh4h
- Arduino Tutorials : youtube.com/watch?v=A3_EBZqCG5s&list=PLnXsmScWzcm48hvcTTRAUFcP5Fjd4u8cS
- Great Cow Basic Tutorials : youtube.com/watch?v=orHrLmEvp0o&list=PLnXsmScWzcm7xejzacm5cKJMIh_tXXxN8
- Bascom Avr Tutorials : youtube.com/watch?v=JYKSkNQq9eM&list=PLnXsmScWzcm6F9gX1wYenqjKdqVSM7d6B
- VB .NET Tutorials : youtube.com/watch?v=Sy2vjWO0ydM&list=PLnXsmScWzcm4g8AWEJ6WXVUOBh_cWF5_z
- LoLin NodeMCU V3 ESP12E ESP8266 Tutorials : youtube.com/watch?v=8jMr94B8iN0&list=PLnXsmScWzcm5MERfTvcUNKsYhOUGKe3-V
- ESP32 Tutorials : youtube.com/watch?v=To3TIOFX6cA&list=PLnXsmScWzcm7Y5yCDItJP5Kny_MJ8DeDD
- ESP32 CAM Tutorials : youtube.com/watch?v=_5VmYJZI4XI&list=PLnXsmScWzcm6HjC0CIfVmRG1855tjhj5z
***********************************************
***********************************************
- Download Arduino IDE : arduino.cc/en/Main/Software
- Download Notepad++ : notepad-plus-plus.org/downloads
***********************************************
***********************************************
Reference :
- LVGL with ESP32 TFT LCD Touchscreen Display – 2.8 inch ILI9341 240×320 (Arduino IDE) : randomnerdtutorials.com/lvgl-esp32-tft-touchscreen-display-ili9341-arduino
- LVGL Change the text on button : forum.lvgl.io/t/change-the-text-on-button/6940/2
- LVGL how to button color change when i clicked the button : github.com/lvgl/lvgl/issues/4479#issuecomment-1692101886
- LVGL How to change background color of the startup screen : forum.lvgl.io/t/how-to-change-background-color-of-the-startup-screen/6863/2
- LVGL Examples : docs.lvgl.io/master/examples.html#examples
- LVGL How to change indicator color of switch? : forum.lvgl.io/t/how-to-change-indicator-color-of-switch/11237
- LVGL Improve the lv_span widget : github.com/lvgl/lvgl/issues/5352
- LVGL Modifying the status color of the Switch does not take effect : github.com/lvgl/lvgl/issues/3519
- LVGL Span : docs.lvgl.io/master/widgets/span.html
- LVGL Simple Buttons : docs.lvgl.io/8.3/widgets/core/btn.html
- LVGL Switch : docs.lvgl.io/8.3/widgets/core/switch.html
- LVGL Slider : docs.lvgl.io/8.3/widgets/core/slider.html
- LVGL Label : docs.lvgl.io/8.3/widgets/core/label.html
- ESP32 Basics: Generating a PWM Signal on the ESP32 : lastminuteengineers.com/esp32-pwm-tutorial
- How to use PWM analog outputs on an ESP32 : luisllamas.es/en/esp32-pwm
and from several other sources.
***********************************************
