Lvgl description 3 about the use of lvgl Guide

brief introduction

The previous introductions are all about lvgl The use of basic components , because GUI The layout may be troublesome , Here's a recommended one UI Code automatic generator , And it can also simulate .

Specific operation

NXP The website links
Download link

At present, you can choose ubuntu20.04 and windows10 Two versions ; Download the version you need according to the situation ;
In order to reduce the trouble for small partners to register accounts , Here is the link to download the network disk
windows edition

 link ：https://pan.baidu.com/s/1Gd2hmF69BkmNcUuCYxSjgQ 
 Extraction code ：1579

linux edition

 link ：https://pan.baidu.com/s/1H58guwSApvI50wjRWJxFAw 
 Extraction code ：sdas

After installation , Open the software as shown below ：

BOARD Name  Indicates to select a board template 
APPLICATION TEMPLATES  Express choice Demo Sample template （ If it is not selected, a blank project will be created ）;
COLOR DEPTH  Indicates setting the color depth supported by the device image ;
SIZE  Set the device screen resolution ;

Run a sample project

Click on run simulator Start emulating

The operation effect is as follows ：

notes ： If you need to write multiple pages , It's in Resource Add ,(copy: New page ; delete: Delete page ; Set the display order of the interface , Priority decreases from top to bottom )

Control event add operation ( by button Add click event )

Preview generated GUI Code file

The automatically generated code path is as follows ：