【2024 DigiKey Creative Competition】Progress sharing, 86 panel development guide

EE-Bond

【2024 DigiKey Creative Competition】Progress sharing, 86 panel development guide [Copy link]

 

The ESP32-S3-LCD-EV-Board development board on hand is equipped with a 480*480 screen with good display effect. It took a lot of time to set up the development environment. The main development methods are ESP-IDF, VScode plug-in, ESP-IDE, and Arduino.

I have tried all the above development methods, and the easiest to use and most comprehensive one is Arduino: it has ported lvgl, supports SquareLine projects, and has a friendly interface, so I finally chose Arduino as the development tool.

1. After installing Arduino, you need to install these libraries: pay attention to the version of lvgl, lvgl (>= v8.3.9, < v9),

After installation, you can see that the three libraries are installed in File-Example.

2. To configure lvgl, you need to enter the lvgl folder under the Arduino library directory, copy a copy of lv_conf_template.h to libraries, and rename it to lv_conf.h:

3. Modify the configuration file:

1. Enter lv_conf.h and change #if 0 to #if 1 to make the file effective.

2. Open the example under ESP32_Display_Panel, ESP32_Display_Panel-LVGL-v8-Porting

Edit the ESP_Panel_Board_Supported.h file and modify the tenth line to #define ESP_PANEL_USE_SUPPORTED_BOARD (1) :

4. Before compiling, you need to modify the configuration. It should be noted that PSRAM must be turned on, otherwise it will cause serious errors and infinite restarts:

5. If you want to use examples and demos:

/* If you need to use LVGL built-in examples and demos, you need to uncomment the following header files:

// #include <demos/lv_demos.h>
// #include <examples/lv_examples.h>

* You also need to copy `lvgl/examples` to `lvgl/src/examples`. The same goes for demos: copy `lvgl/demos` to `lvgl/src/demos`.

The lvgl/src directory should look like this:

The source file is located in the lvgl library directory

6. Use

In the first line of the void setup() function in the above example:

It is the text content displayed, which can be changed to any English you want (Chinese fonts need to be added by yourself):

You can add a color wheel example to see the effect of RGB color:

lv_example_colorwheel_1();

7. Upload code:

The final display effect:

Summary: The environment of this development board has been built, and the customized UI is still under design. . .

Maker_kun

Can you share the project file? According to your method, it still reports an error: Sad:

秦天qintian0303

What does this 86 panel type mean?