ESP32 Display 4.3-inch HMI Arduino Tutorial

From Elecrow
Jump to navigation Jump to search

Overview

This tutorial introduces how to configure the Arduino programming environment and how to set up the board.

The tutorial examples include the lvgl demo example (When you first received it, the demo it demonstrated after you powered it up), and how to connect the esp terminal to some sensors/modules.

Development environment configuration

  • 1. Please go to the official website https://www.arduino.cc/ to download the Arduino IDE development tool and download the corresponding library file, install the tool, click the start icon: open as shown in the figure:

Image (1).png
Image (2).png
Image (3).png
Esp32rgb 3.png

  • 2. Download the libraries provided by Elecrow. Copy them to the library folder in the Arduino installation directory.

If you don't know the path of Arduino library directory, you can open Arduino IDE→Files→Preferences:
Arduino-sketchbook-location.jpg

  • Add the ESP32 S3 URL as follows:

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
Esp32rgb 5.png

  • The tool automatically downloads and updates the corresponding model, check the steps as shown in the figure:

Image (7).png
Image (8).png
NOTE: Please install esp32 version 2.0.3, if you install another version,some modules may go wrong.

Board settings:

  • 1. Under the "Tools" menu, see "Development Board ESP32" and select ESP32S3 Dev MODULE as shown in the figure.

Image1(1).png

  • 2. Under the "Tools" menu, see "Partition scheme" and select Huge APP(3MB No OTA/1MB SPIFFS)

Image (10).png

  • 3. Under the "Tools" menu, see "PSRAM" and select QSPI PSRAM

Image1(2).png

  • warn:

If the CH340G driver is not installed on your PC, please install the CH340G driver first.

Download process

  • 1. Connect the motherboard and computer through a USB to type-c data cable;

L43.jpg

  • 2. Click on the tool on the arduino software and select the corresponding serial port number;

4.3inch-board setting.jpg

  • 3. Click "upload" to upload the program to the ESP32 motherboard

Esp32rgb 17.png

  • Until the prompt upload is successful, as shown in the figure:

Esp32rgb 18.png

LVGL Widgets Demo

Click here to watch the tutorial video.
Lvgl-widgets-demo.jpg


Connect with Sensors/Modules

  • Example 1, Let the LED to turn on or turn off .

Image1(3).png

  • Running result:

D 43.jpg

  • Example 2, Control the output of speaker.

Image1(4).png

  • Running result:

F 43.jpg

  • Example 3, Initialize Micro TF Card slot.

Image1(5).png

  • Running result:

Image1(6).png

  • Example 4, initialize the touch signal.

Image1(7).png

  • Running result:

Image1(8).png

  • Example 5, initialize the interact communication of UART .

Image1(9).png

  • Example 6, initialize the interact communication of Bluetooth.

Image (28).png

  • Running result:

B.jpg

  • Example 7, initialize the interact communication of WIFI.

Image (29).png

  • Running result:

Image (30).png


Resource