Edit online

在 SDK 中编译 UI

  1. 使用 UIBuilder 进行 UI 设计，并生成代码

  2. 在 UIBuilder 当前项目下双击 simulator.code-workspace 选择用 VS Code 打开工程，对部分代码进行手动修改，这一步是可选的

  3. 在电脑上确认设计结果后，复制 UIBuilder 当前工程目录下的 ui_builder 替换 sdk 下的目录:luban-lite/packages/artinchip/lvgl-ui/aic_demo/ui_builder

  4. 在 sdk 下进行编译、烧录固件，编译之前要先选择编译的目标为 ui_builder

在 Luban-Lite 根目录下执行 scons --menuconfig，进入 menuconfig 的功能配置界面，配置如下：

Application options  --->
    *** Filesystem related ***
    [*] Using File System Image 0  --->
        --- Using File System Image 0        Select File System Type (FATFS)  --->
(rodata/) Data Directory
        (rodata.fatfs) Image Name
        [*] auto calcuate image size
    [ ] Using File System Image 1  ----
    *** lvgl demo select related ***
    -*- LVGL (official): powerful and easy-to-use embedded GUI library  --->
         Select LVGL Version (LVGL V8)  --->
         (X) LVGL V8
         ( ) LVGL V9
        (20)  Priority of LVGL thread
        (32768) Stack size of LVGL thread
        (5)   Display refresh period (ms)
        [ ]   Support SquareLine Studio
        [ ]   Enable built-in examples
        [ ]   Enable built-in demos
    -*- ArtInChip LVGL demo
        select LVGL demo (Support UIBuilder)  --->
(X) LVGL Support UIBuilder
            ( ) LVGL demo with basic function
            ( ) LVGL demo of meter
        (16)  LVGL color depth(32/16)
        (8)   LVGL image cached number
    (/rodata/lvgl_data) LVGL Resource Directory