LVGL的开发

简介

LVGL是一个轻量级的，开源的图形库。本文详细介绍了如何在IDO-SBC2D06开发板上运行lvgl应用，同时介绍了如何使用著名的LVGL IDE工具GUI Guider来开发应用程序。

下载LVGL源码

下载LVGL_8.2源码

基于lvgl v8.2，我们已经适配了IDO-SBC2D06开发板，并且放在github上面，你可以通过以下方法下载：

git clone https://github.com/industio/ido-lvgl8.2.git

编译LVGL源码

在编译LVGL源码之前，请确保已经安装了交叉编译链arm-linux-gneabihf-gcc：

@ which arm-linux-gnueabihf-gcc
/home/ronnie/work3/ssd201/gcc-arm-8.2-2018.08-x86_64-arm-linux-gnueabihf/bin/arm-linux-gnueabihf-gcc

cd ido-lvgl8.2
mkdir objs
mkdir output
make clean
make -j16

如果生成output/app，说明LVGL源码编译成功。

使用GUI Guider开发LVGL应用

安装JDK

GUI Guider依赖JDK工具，因此需要先安装JDK工具。
到https://www.oracle.com/java/technologies/downloads/下载并安装最新的JDK。

安装GUI Guider

登录https://www.nxp.com/design/software/development-software/gui-guider:GUI-GUIDER，往下翻页找到GUI Guider v1.3.0并下载：

安装包下载完成后，双击安装即可。

在GUI Guider上开发应用

打开GUI Guider，新建一个demo1项目，参数设置请保持和下面图片一致：

点击下方CREATE按钮，项目创建完成

选择Widgets页，拖动放置一个switch器件：

点击右上角Generate Code按钮：

Generate Code完成后，继续点击RunSimulator->C，在电脑上模拟运行

可以看到，刚刚放置的按钮显示在窗口上：

交叉编译lvgl应用
在仿真完成后，停止仿真，点击Resource按钮，然后点击文件夹图标：

在新打开的窗口中，展示了刚才新建的项目源代码所在的位置：

复制generated和custom文件夹，替换lvgl源码的generated和custom文件夹：

在编译前需要配置交叉编译链arm-linux-gnueabihf-gcc,下载gcc-arm-8.2-2018.08-x86_64-arm-linux-gnueabihf.tar.gz解压

tar -xvf gcc-arm-8.2-2018.08-x86_64-arm-linux-gnueabihf.tar.gz
export PATH=/home/xxx/gcc-arm-8.2-2018.08-x86_64-arm-linux-gnueabihf/bin:$PATH

替换完成后，即可开始编译app：

make clean
make -j16

编译成功，将生成output/app。

在开发板上运行lvgl应用

将output/app拷贝到开发上，并赋予可执行权限：

tftp -g -l app 192.168.1.147
chmod a+x app

如果没有初始化屏幕，先执行disp_init初始化屏幕：

 /customer/disp_init &

运行app：

./app

如果你不想在右下角显示FPS & CPU信息，请修改lv_conf.h，将LV_USE_PERF_MONITOR设置为0：

/*1: Show CPU usage and FPS count*/
#define LV_USE_PERF_MONITOR 0
#if LV_USE_PERF_MONITOR
    #define LV_USE_PERF_MONITOR_POS LV_ALIGN_BOTTOM_RIGHT
#end