【启明智显技术分享】SSD201/SSD202D核心板UI界面开发全攻略:LVGL使用指南

提示:作为Espressif(乐鑫科技)大中华区合作伙伴及sigmastar(厦门星宸)VAD合作伙伴,我们不仅用心整理了你在开发过程中可能会遇到的问题以及快速上手的简明教程供开发小伙伴参考。同时也用心整理了乐鑫及星宸科技的新产品、新方案的主要特点及应用!希望你能第一时间了解并快速用上好的方案和产品!
在这里插入图片描述

简介

LVGL是一个轻量级的,开源的图形库。本文详细介绍了如何在7寸开发板上运行lvgl应用,同时介绍了如何使用著名的LVGL IDE工具GUI Guider来开发应用程序。
下载LVGL源码
下载LVGL_8.2源码
基于lvgl v8.2,我们已经适配了Purple Pi开发板,并且放在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:
在这里插入图片描述
如果你不想在右下角显示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
#endif

【打造开源生态,是启明智显一直以来坚持的理念。用户可以获取SSD202D开发板的详细设计文件和电路图,了解其硬件构成、接口规范和扩展能力。资料可留言获取!】

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值