Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• setup():

setup() function initializes GPIO 6 and sets it to output mode.

• loop():

loop() function is the main loop of the program, with the core functionality of repeatedly pulling the GPIO pin high or low to control the LED's on and off.

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• The screen shows nothing, and the connected LED lights will turn on and off at a frequency of 1 Hz
  

Hardware connection

• Connect the UART port of the board to the computer using a USB cable

Code analysis

• setup():

setup function is primarily used for initializing serial communication
Use the UART.begin function to initialize serial port Serial , set the baud rate, data format, and specify the receive and transmit pins. Then, through a loop, ensure the serial port initialization is successful.

• loop() :

loop function is the main loop part of the program, and its main function is to implement simple UART communication data return
By checking whether there is data available at the serial port, if there is data, it reads a byte and sends it back immediately, so that the received UART data can be sent back intact

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• Open the serial port debugging assistant to send a message to the ESP32-S3-Touch-LCD-7B device, and the device will return the received message to the serial port debugging assistant

Hardware connection

• Connect the UART port of the board to the computer using a USB cable

Code analysis

• setup():

setup() function initializes I2C and IO expansion.

• DEV_I2C_Init() :

DEV_I2C_Init() function initializes the I2C device

• IO_EXTENSION_Init() :

IO_EXTENSION_Init() function initializes IO extension.

• loop():

loop() function is the main loop of the program, with the core functionality of controlling the IO expansion chip to repeatedly pull the DISP pin high or low, thereby controlling the screen backlight on and off.

• IO_EXTENSION_Output(uint8_t pin, uint8_t value) :

IO_EXTENSION_Output(uint8_t pin, uint8_t value) function controls the IO expansion chip to output a specified level.

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• The screen backlight will turn on and off at a frequency of 1Hz
  

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the development board to USB-CAN-A, as shown in the figure

Code analysis

• setup():

setup() function initializes I2C, IO expansion, and CAN interface. Before initializing the CAN interface, it needs to control IO_EXTENSION_IO_5 to a high level; otherwise, the CAN interface will not work.

• can_init(twai_timing_config_t t_config, twai_filter_config_t f_config, twai_general_config_t g_config) :
• can_init function is mainly responsible for handling the initialization of TWAI (an interface similar to the CAN bus)
  

• loop():

loop() function checks if any alarms occur. Read the triggered alerts by calling can_read_alerts and obtain the TWAI status information into alerts_triggered . Then, according to the different alarms triggered, perform corresponding processing. For example, if an error passive alarm, a bus error alarm, a transmission failure alarm, or a transmission success alarm is triggered, print the corresponding message and output some status information such as the bus error count, the number of messages to be sent, the transmission error counter, and the transmission failure counter.

• • If the correct data is read, it will read the information and then send the data back unchanged.

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• The screen will not display
• After configuring USB-CAN-A_TOOL, start and send a CAN message to ESP32-S3-Touch-LCD-7B. You can see that ESP32-S3-Touch-LCD-7B returns the same message.

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the development board to USB to RS485 converter, as shown in the figure

Code analysis

• setup():

setup function is primarily used for initializing serial communication
Use the RS485.begin function to initialize serial port Serial1, set the baud rate, data format, and specify the receive and transmit pins. Then, through a loop, ensure the serial port initialization is successful.

• loop() :

loop function is the main loop part of the program, and its main function is to implement simple 485 communication data return
By checking whether there is data available at the serial port, if there is data, it reads a byte and sends it back immediately, so that the received 485 data can be sent back intact

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• Open the serial port debugging assistant to send a message to the ESP32-S3-Touch-LCD-7B device (the message must contain a newline, otherwise no data will be returned), and the device will return the received message to the serial port debugging assistant

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():
• setup function mainly performs a series of initialization operations and tests on the display
  • First, it initializes I2C, IO expansion, and the RGB LCD, and then turns on the backlight. Then create a buffer to store the image, initialize the GUI image data, set the current image format and rotation angle, and finally start controlling the screen to display the corresponding interface.
    
  • During the test, you can set the rotation angle yourself (in line 13) to realize the display of different angles.
    

• waveshare_esp32_s3_rgb_lcd_init() :
• waveshare_esp32_s3_rgb_lcd_init function mainly initializes the RGB LCD.

• wavesahre_rgb_lcd_bl_on() :
• wavesahre_rgb_lcd_bl_on function mainly turns on the LCD backlight.
  • For more functions, they are also explained in the example, which can be viewed directly in the example.

Demo flashing

• Select the Waveshare ESP32S3 XIP model and port
• Set development board parameters
  

• Flash the demo

Result demonstration

• The ESP32-S3-Touch-LCD-7B will first display the RGB565 color box, then show the pattern and text, and finally display the image.

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the development board to USB to RS485 converter, as shown in the figure

Code analysis

• app_main():
  • First initialize serial communication
    

Initialize the serial port using the DEV_UART_Init function, set the baud rate, configure the receive and transmit pins, and allocate a temporary buffer for receiving data.

• • Finally, the loop implements a simple RS485 communication data backhaul
    

By checking whether there is data available on the serial port, if there is data, it is read and immediately sent back, achieving the function of returning the received RS485 data intact.

Result demonstration

• After successful flashing, open the serial port debugging assistant to send a message to the ESP32-S3-Touch-LCD-7B, and the device will return the received message to the serial port debugging assistant

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the TF card to ESP32-S3-Touch-LCD-7B

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and tests on the TF card, and displays relevant information on the screen.

• sd_mmc_init() :

sd_mmc_init function mainly initializes and mounts the TF card.

• read_sd_capacity(uint64_t *total_capacity, uint64_t *available_capacity) :

read_sd_capacity function primarily reads the memory information of the TF card.

Result demonstration

• After successful flashing, ESP32-S3-Touch-LCD-7B will display TF card information, if not, it will display "SD Card Fail!"

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and tests on the touch screen, and displays relevant information on the screen.

• touch_gt911_init() :

touch_gt911_init function mainly initializes the touchscreen.

touch_gt911_read_point(uint8_t max_touch_cnt) : touch_gt911_read_point function mainly reads the current coordinate point and can recognize up to 5 touch points.

Result demonstration

• After successful flashing, points will be displayed on the screen when touching the screen, and touching five points at the same time will display five different colored points.

Hardware connection

• Connect the board to the computer using a USB cable
• Save the images in the directory to the TF card and connect it to ESP32-S3-Touch-LCD-7B

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and reads image files, and switches display by clicking the arrow on the screen.

• list_files(const char *base_path) :

list_files function mainly reads BMP image file names and saves the names to BmpPath.

• GUI_ReadBmp(UWORD Xstart, UWORD Ystart, const char *path) :

GUI_ReadBmp function primarily reads BMP image data from the TF card and writes the data into the buffer, with the position determined by Xstart and Ystart.

Result demonstration

• After successful flashing, if the mounting is successful, an arrow will be displayed. Click the arrow to show the image, and clicking it again will switch the image left or right.

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and scans nearby Wi-Fi, and displays the names of the scanned Wi-Fi networks on the screen (currently, it cannot display Chinese characters because the font library is not comprehensive enough).

• wifi_scan() :

wifi_scan function primarily scans for nearby Wi-Fi and writes the data to a cache buffer.

Result demonstration

• After successful flashing, start scanning, the current WiFi name will be displayed after scanning ends.

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and connects to the specified WIFI (2.4GHz), and displays the IP address of the WIFI on the screen.

Result demonstration

• After successful flashing, connect to the set WIFI, and after the connection is successful, print the IP address on the screen

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and creates a hotspot named ESP32-S3-Touch-LCD-7B, and displays the MAC address of the currently connected device on the screen.

Result demonstration

• After successful flashing, start the hotspot and display the MAC address of the connected device

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and runs the LVGL Demo.

Result demonstration

• After successful flashing, it will run lv_demo_widgets, allowing for interactive operations.

Other instructions

• Screen drifting occurs during use, please refer to ESP official FAQ
• When using your own UI program, there is a lack of memory, you can click Tools to select a larger partition table
  
  
• The version of lvgl used is 8.4, and you can query and use the LVGL API through the following documentation
  • LVGL documentation

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and creates a button. Clicking the button can control the LED to turn on or off.

Result demonstration

• After successful flashing, a button will be displayed. Click the button to change the state of the GPIO to control the LED on and off

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and creates a slider and text (displaying battery voltage).

Result demonstration

• After successful flashing, a slider showing the current battery voltage will be displayed. By controlling the slider, you can simultaneously adjust the brightness of the LED and the screen.

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• app_main():
  • Mainly performs a series of initialization operations and creates a custom GUI interface. The GUI is designed by SquareLine Studio, since it is only used to draw graphics, it does not provide SquareLine Studio projects.

Result demonstration

• After the flashing is successful, you can perform the following steps:
  • The first time you run it, you need to create a login and password
  • After the creation is completed, click the button to return to the login interface, and enter the username and password to log in
  • After logging in, you can see four boxes, corresponding to different functions
  • WIFI: It can test Scan, STA, and AP, and display related WiFi information
  • RS485: It can test the RS485 function, set the baud rate, send and receive data
  • CAN: It can test CAN functions, set the rate, and send and receive data
  • PWM: It can test backlight, battery voltage reading, and TF card

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• setup():

setup() function initializes GPIO 6 and sets it to output mode.

• loop():

loop() function is the main loop of the program, with the core functionality of repeatedly pulling the GPIO pin high or low to control the LED's on and off.

Result demonstration

• After successful flashing, the screen shows nothing, and the connected LED lights will turn on and off at a frequency of 1 Hz
  

Hardware connection

• Connect the UART port of the board to the computer using a USB cable

Code analysis

• setup():

setup function is primarily used for initializing serial communication
Use the UART.begin function to initialize serial port Serial , set the baud rate, data format, and specify the receive and transmit pins. Then, through a loop, ensure the serial port initialization is successful.

• loop() :

loop function is the main loop part of the program, and its main function is to implement simple UART communication data return
By checking whether there is data available at the serial port, if there is data, it reads a byte and sends it back immediately, so that the received UART data can be sent back intact

Result demonstration

• After successful flashing, open the serial port debugging assistant to send a message to the ESP32-S3-Touch-LCD-7B, and the device will return the received message to the serial port debugging assistant

Hardware connection

• Connect the UART port of the board to the computer using a USB cable

Code analysis

• setup():

setup() function initializes I2C and IO expansion.

• DEV_I2C_Init() :

DEV_I2C_Init() function initializes the I2C device

• IO_EXTENSION_Init() :

IO_EXTENSION_Init() function initializes IO extension.

• loop():

loop() function is the main loop of the program, with the core functionality of controlling the IO expansion chip to repeatedly pull the DISP pin high or low, thereby controlling the screen backlight on and off.

• IO_EXTENSION_Output(uint8_t pin, uint8_t value) :

IO_EXTENSION_Output(uint8_t pin, uint8_t value) function controls the IO expansion chip to output a specified level.

Result demonstration

• After successful flashing, the screen backlight will turn on and off at a frequency of 1Hz
  

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the development board to USB-CAN-A, as shown in the figure

Code analysis

• setup():

setup() function initializes I2C, IO expansion, and CAN interface. Before initializing the CAN interface, it needs to control IO_EXTENSION_IO_5 to a high level; otherwise, the CAN interface will not work.

• can_init(twai_timing_config_t t_config, twai_filter_config_t f_config, twai_general_config_t g_config) :
• can_init function is mainly responsible for handling the initialization of TWAI (an interface similar to the CAN bus)
  

• loop():

loop() function checks if any alarms occur. Read the triggered alerts by calling can_read_alerts and obtain the TWAI status information into alerts_triggered . Then, according to the different alarms triggered, perform corresponding processing. For example, if an error passive alarm, a bus error alarm, a transmission failure alarm, or a transmission success alarm is triggered, print the corresponding message and output some status information such as the bus error count, the number of messages to be sent, the transmission error counter, and the transmission failure counter.

• • If the correct data is read, it will read the information and then send the data back unchanged.

Result demonstration

• After successful flashing, the screen will not display
• After configuring USB-CAN-A_TOOL, start and send a CAN message to ESP32-S3-Touch-LCD-7B. You can see that ESP32-S3-Touch-LCD-7B returns the same message.

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the development board to USB to RS485 converter, as shown in the figure

Code analysis

• setup():

setup function is primarily used for initializing serial communication
Use the RS485.begin function to initialize serial port Serial1, set the baud rate, data format, and specify the receive and transmit pins. Then, through a loop, ensure the serial port initialization is successful.

• loop() :

loop function is the main loop part of the program, and its main function is to implement simple 485 communication data return
By checking whether there is data available at the serial port, if there is data, it reads a byte and sends it back immediately, so that the received 485 data can be sent back intact

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():
• setup function mainly performs a series of initialization operations and tests on the display
  • First, it initializes I2C, IO expansion, and the RGB LCD, and then turns on the backlight. Then create a buffer to store the image, initialize the GUI image data, set the current image format and rotation angle, and finally start controlling the screen to display the corresponding interface.
    
  • During the test, you can set the rotation angle yourself (in line 13) to realize the display of different angles.
    

• waveshare_esp32_s3_rgb_lcd_init() :
• waveshare_esp32_s3_rgb_lcd_init function mainly initializes the RGB LCD.

• wavesahre_rgb_lcd_bl_on() :
• wavesahre_rgb_lcd_bl_on function mainly turns on the LCD backlight.
  • For more functions, they are also explained in the example, which can be viewed directly in the example.

Result demonstration

• After successful flashing, ESP32-S3-Touch-LCD-7B will first display the RGB565 color box, then show the pattern and text, and finally display the image.

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the TF card to ESP32-S3-Touch-LCD-7B

Code analysis

• setup():

setup function mainly performs a series of initialization operations and tests on the TF card, and displays relevant information on the screen.

• sd_mmc_init() :

sd_mmc_init function mainly initializes and mounts the TF card.

• read_sd_capacity(uint64_t *total_capacity, uint64_t *available_capacity) :

read_sd_capacity function primarily reads the memory information of the TF card.

Result demonstration

• After successful flashing, the running effect: ESP32-S3-Touch-LCD-7B will display TF card information, if not, it will display "SD Card Fail!"

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():

setup function mainly performs a series of initialization operations and tests on the touch screen, and displays it on the screen.

• touch_gt911_init() :

touch_gt911_init function mainly initializes the touchscreen.

touch_gt911_read_point(uint8_t max_touch_cnt) : touch_gt911_read_point function mainly reads the current coordinate point and can recognize up to 5 touch points.

Result demonstration

• After successful flashing, points will be displayed on the screen when touching the screen, and touching five points at the same time will display five different colored points.

Hardware connection

• Connect the board to the computer using a USB cable
• Save the images in the directory to the TF card and connect it to ESP32-S3-Touch-LCD-7B

Code analysis

• setup():

setup function mainly performs a series of initialization operations and reads image files, and switches display by clicking the arrow on the screen.

• list_files(const char *base_path) :

list_files function mainly reads BMP image file names and saves the names to BmpPath.

• GUI_ReadBmp(UWORD Xstart, UWORD Ystart, const char *path) :

GUI_ReadBmp function primarily reads BMP image data from the TF card and writes the data into the buffer, with the position determined by Xstart and Ystart.

Result demonstration

• After successful flashing, if the mounting is successful, an arrow will be displayed. Click the arrow to show the image, and clicking it again will switch the image left or right.

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():

setup function mainly performs a series of initialization operations and scans nearby Wi-Fi, and displays the names of the scanned Wi-Fi networks on the screen (currently, it cannot display Chinese characters because the font library is not comprehensive enough).

• wifi_scan() :

wifi_scan function primarily scans for nearby Wi-Fi and writes the data to a cache buffer.

Result demonstration

• After successful flashing, start scanning, the current WiFi name will be displayed after scanning ends.

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():

setup function mainly performs a series of initialization operations and connects to the specified WIFI (2.4GHz), and displays the IP address of the WIFI on the screen.

Result demonstration

• After successful flashing, connect to the set WIFI, and after the connection is successful, print the IP address on the screen

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():

setup function mainly performs a series of initialization operations and creates a hotspot named ESP32-S3-Touch-LCD-7B, and displays the MAC address of the currently connected device on the screen.

Result demonstration

• After successful flashing, start the hotspot and display the MAC address of the connected device

Hardware connection

• Connect the board to the computer using a USB cable

Code analysis

• setup():

code> setup function mainly performs a series of initialization operations and runs the LVGL Demo.

Result demonstration

• After successful flashing, it will run lv_demo_widgets, allowing for interactive operations.

Other instructions

• Screen drifting occurs during use, please refer to ESP official FAQ
• When using your own UI program, there is a lack of memory, you can click Tools to select a larger partition table
  
  
• The version of lvgl used is 8.4, and you can query and use the LVGL API through the following documentation
  • LVGL documentation

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• setup():

setup function mainly performs a series of initialization operations and creates a button. Clicking the button can control the LED to turn on or off.

Result demonstration

• After successful flashing, a button will be displayed. Click the button to change the state of the GPIO to control the LED on and off

Hardware connection

• Connect the board to the computer using a USB cable
• Connect the LED module to the GPIO

Code analysis

• setup():

setup function mainly performs a series of initialization operations and creates a slider and text (displaying battery voltage).

Result demonstration

• After successful flashing, a slider showing the current battery voltage will be displayed. By controlling the slider, you can simultaneously adjust the brightness of the LED and the screen.