Skip to content

MaTouch ESP32-S3 7” Parallel TFT with Touch

Introduction

The 7-inch screen uses the esp32-s3 chip as the controller and also includes the audio function. The TF card solves the problem of audio and picture storage, and it also has an expandable io port, and there is also a 16G SD card in the display, so customers do not need to bother purchasing the SD cards. Therefore, such a product is very suitable as a Screen display solution for IoT. At the same time, we have configured two different resolution versions for selection to meet the screen display requirements under different needs.

Model:MTESPS37

esp32s37product.jpg

Features

  • ESP32-S3-WROOM Controller
  • Working voltage 4.75-5.25V
  • Resolution: 800x480(HD), 1024x600(UHD)
  • FPS: >15
  • LCD interface: RGB 565
  • Touch Panel Driver: GT911
  • Touch Panel: 5 Points Touch, Capacitive
  • USB: Dual USB Type-C(one for USB-to-UART and one for native USB)
  • Mabee interface: 1I2C;1GPIO
  • Button: Flash button and reset button
  • MicroSD: Yes
  • Onboard SD card socket
  • Type-C Power Delivery: Not Supported
  • Extended IO for applications' usage
  • I2S Audio output (MAX98357A/MAX98357B)
  • Screen outline:164.90x100.00 mm
  • Operation temperature: -40℃ to +85℃
  • Working current: > 600mA

Usage

Due to the 7" screen working current needs to be greater than 600mA, if users found that the screen continues to restart after the program upload is finished, it may be the current is not enough to drive the board. Please check whether the input current meets the requirements.

To ensure the running environment, the same version is recommended.

Note: When users use the MaTouch ESP32-S3 Parallel 7-inch TFT with Touch, It has two versions with different resolutions, and the demos used need to modify the corresponding macro definition to run well, please attention to the version of the resolution.please attention to the version of the resolution.

#define SCREEN_HD    //1024*600
// #define SCREEN_NORMAL     //800*480

All the projects are based on ESP32-S3 development board. If you didn't install the ESP32 Board SDK, you can follow this guide to learn how to do it.

1.Installed the "TAMC_GT911" in the Arduino IDE.

  • Click “Tools> Manager Libraries” to search for and install the 1.0.2 version of TAMC_GT911 library.

GT911.jpg

2.Installed the "GFX_Library_for_Arduino v1.3.1 in the Arduino IDE.

GFX Library for arduino.jpg

Before uploading the sketch, select and set the parameter in the Tools menu, as picture:

ESP32S3ParallelTFTwithTouch7Inch4.jpg

Note: Different computers may have different port numbers when connecting to a development board. Please select the correct port number based on the development board you are connecting to.

If you need compile some project with UI, please choose the "ESP32-S3 Dev module", flash size is 16MB, PSRAM is OPI PSRAM, Partition Scheme is 16M Flash (3MB APP/9.9MB FATFS), Erase ALL Flash Before Sketch Upload is Enabled, and choose the com. verify and upload the code.

If you still think the flash is too small, you can refer to this wiki for larger flash and memory options for ESP32S3 in Arduino IDE.

FW_Test Demo

This is the factory firmware program, used to check whether the screen works normally.

  • Get the code esp32s3_7_tft_fw_test

  • Open the esp32s3_7_tft_fw_test.ino, check whether the macro definitions in the file correspond.

  • Choose the >>tools>> Manage libraries, and install the libraries needed:

esp32s37fw library.jpg

  • Unzip the sd_1024.zip / sd_800.zip and you will get some images and an MP3 file, the files need to be downloaded into the SD card, and the SD card will be used in the demo.

  • Plug the SD card into the SD card slot.

  • Choose the “ESP32-S3 Dev module”, and choose the com.

  • Verify and upload the sketch.

esp32s37fwdisplay.gif

lvglBenchmark Demo

  • Get the code in lvglBenchmark demo
  • Open the LvglBenchmark.ino, check whether the macro definitions in the file correspond.
  • Verify and upload the sketch.
  • When the program is uploaded successfully, the screen will display the demo.

lvglbenchmark.jpg

LvglClock Demo

  • Get the code in LvglClock demo
  • Open the clock.ino, check whether the macro definitions in the file correspond.
  • Install "mf_Lvgl" library

unzip the "mf_Lvgl.zip", and copy it to the library file of Arduino, General Arduino library folder path for: C:/Users/Document/Arduino/libraries.

library add.png

And it is also OK to open the sketch>include library> ADD.ZIP library,choose the download path of mf_Lvgl to add the library to the Arduino library file.

image.png

The lv_conf.h file is included in the library lv_conf.png

The lvgl_conf.h file is a setup file used to configure the lvgl library. It gets created when Squareline exports the project file. It contains options for turning on/off features, choosing colors, and setting up fonts.

/* clang-format off */
#if 1 /*Set it to "1" to enable content*/

/*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/
#define LV_COLOR_DEPTH 16

/*Use a custom tick source that tells the elapsed time in milliseconds.
 *It removes the need to manually update the tick with `lv_tick_inc()`)*/
#define LV_TICK_CUSTOM 1
#if LV_TICK_CUSTOM
    #define LV_TICK_CUSTOM_INCLUDE "Arduino.h"         /*Header for the system time function*/
    #define LV_TICK_CUSTOM_SYS_TIME_EXPR (millis())    /*Expression evaluating to current system time in ms*/
#endif   /*LV_TICK_CUSTOM*/

/*Montserrat fonts with ASCII range and some symbols using bpp = 4
 *https://fonts.google.com/specimen/Montserrat*/
#define LV_FONT_MONTSERRAT_8  1
#define LV_FONT_MONTSERRAT_10 1
#define LV_FONT_MONTSERRAT_12 1
#define LV_FONT_MONTSERRAT_14 1
#define LV_FONT_MONTSERRAT_16 1
#define LV_FONT_MONTSERRAT_18 1
#define LV_FONT_MONTSERRAT_20 1
#define LV_FONT_MONTSERRAT_22 1
#define LV_FONT_MONTSERRAT_24 1
#define LV_FONT_MONTSERRAT_26 1
#define LV_FONT_MONTSERRAT_28 1
#define LV_FONT_MONTSERRAT_30 1
#define LV_FONT_MONTSERRAT_32 1
#define LV_FONT_MONTSERRAT_34 1
#define LV_FONT_MONTSERRAT_36 1
#define LV_FONT_MONTSERRAT_38 1
#define LV_FONT_MONTSERRAT_40 1 
#define LV_FONT_MONTSERRAT_42 1
#define LV_FONT_MONTSERRAT_44 1
#define LV_FONT_MONTSERRAT_46 1
#define LV_FONT_MONTSERRAT_48 1

  • Unzip the ui.zip in the library to Arduino library directory, it often located in C:\Users\Administrator\Documents\Arduino\libraries: image.png

Note: If there is already an ui library in the library file of Arduino, delete it first and then add the new ui library, when you compile different project with different ui by Arduino, you need to delete the original ui file and add the this project's ui file.

  • Verify and upload the sketch.
  • When the program is uploaded successfully, the screen will display the demo.

QQ截图20231212165613.png

FAQ

You can list your question here or contact techsupport@makerfabs.com for technology support. Detailed descriptions of your question will be helped to solve your question.

Q: Why the display fails to respond sometimes I touch?

A: The touching interface is loose, please reconnect it.

Resources