嵌入式UI开发-lvgl+wsl2+vscode系列:11、SSD202移植运行评估demo程序

本文主要是介绍嵌入式UI开发-lvgl+wsl2+vscode系列:11、SSD202移植运行评估demo程序,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、前言

接下来我们根据开发板的LVGL指南移植lvgl的demo程序到开发板上,以及将一个评估的项目移植到开发板上,你将会发现移植lvgl到ssd2xx的板子上似乎很简单,但通过评估程序你将更加方便了解lvgl是否可以满足你的开发需求,除了评估开发板子的资源外,是否可以实现客户的设计需求也是开发前进行技术评估很重要的一点。

二、资料收集

开发板lvgl使用指南:https://blog.csdn.net/ami82/article/details/138792405
lvgl评估demo:https://gitee.com/mFlying/lv_demo_hub
注意点:点屏程序开发板会提供,这些评估demo或测试程序都需要先运行点屏程序。(点屏简单来讲就是主板驱动显示屏和触摸屏)

三、评估demo交叉编译及运行

1、编译

根据这里:https://gitee.com/mFlying/lv_demo_hub#ssd2xx%E4%BA%A4%E5%8F%89%E7%BC%96%E8%AF%91%E8%AF%B4%E6%98%8E

# 拉取代码
git clone  https://gitee.com/mFlying/lv_demo_hub.git
cd lv_demo_hub/
# 安装cmake
sudo apt install cmake
# 使用cmake编译
mkdir build
cd build
cmake .. -DFLYING_PLATFORM="linuxarm" -DCMAKE_TOOLCHAIN_FILE="./cmake_conf/toolchain.cmake"
make -j8

编译成功:
image.png

2、运行问题解决

拷贝对应lv_demo_hub、resource、run.sh到开发板上,运行测试(可能出现error while loading shared libraries: libmi_common.so: cannot …):
image.png
搜索libmi_common.so后将路径(/config/lib)添加到run.sh:
image.png
修改run.sh,修改export LD_LIBRARY_PATH=$LD_LIBRARY_PATH:./resource/lib:/config/lib

#### @Author: Flying# @Date: 2022-03-27 11:48:31# @LastEditors: Flying# @LastEditTime: 2022-07-20 20:10:01# @Description: 新建文件
###
nolog_op=""
is_cp_knx="cpknx"
for param in "$@"
doif [ "$param" == "nolog" ]; thennolog_op="nolog"fidoneexport LD_LIBRARY_PATH=$LD_LIBRARY_PATH:./resource/lib:/config/lib
chmod a+x ./lv_demo_hub#sd卡无法运行bug
cp ./resource/lib/libfreetype.so.6.18.0 ./resource/lib/libfreetype.so.6
cp ./resource/lib/librlottie.so.0.2 ./resource/lib/librlottie.so.0#清理缓存:临时
echo  3 > /proc/sys/vm/drop_cachesif [[ "$nolog_op" == "nolog" ]]
then./lv_demo_hub $2 >>/dev/null 2>&1
else./lv_demo_hub $1
fi

再运行就没有上述找不到库的错误了。

3、运行结果

运行命令:

  • ./run.sh 双buffer fb
  • ./run.sh 0 单buffer fb
  • ./run.sh 1 旋转90度
  • ./run.sh 2 旋转180度
  • ./run.sh 3 旋转270度

目前测试双buffer fb会出现断错误,但是单buffer或者旋转都是正常的(我是ssd202的板子),评估运行各个控件都是可以的,UI的效果也很不错,这里的评估demo包含了lvgl源码中的控件示例以及一些网上开源的demo,可以根据开发需求来评估lvgl是否可以实现,非常推荐大家试一下:
image.png

四、开发板lvgl指南demo尝试

接下来我们试一下开发板厂家提供的lvgl的demo程序,理论上和上述的评估demo差不多,你可以对照评估demo的目录和厂家的程序目录来分析一下,这个后续我们移植到mcu时会再来具体说明一下各个目录的移植,目前来看对于ssd2xx的芯片,评估demo显然比厂家的demo更加丰富,但是好在厂家的文档还提供了gui工具的使用,这个会大大提高我们使用lvgl开发界面的效果。

1、编译

先编译基础的demo程序:

git clone https://github.com/industio/ido-lvgl8.2.gitcd ido-lvgl8.2
mkdir objs
mkdir output
make clean
make -j16

image.png

2、运行测试

然后拷贝app程序到设备上并在设备上运行:

chmod +x app
./app

可以通过slide调节上面图片的清晰度:
image.png

五、最后

基本评估demo将各个控件都实现集成进去了,评估效果还是可以的,开发板官方的lvgl程序也可以正常运行,更推荐使用评估demo程序,非常全面。
接下来我们根据指南学习一下GUI Guider安装和使用,使用该工具设计界面就类似于Qt的设计师工具,目前其功能还不够完善,部分控件可能还是得写代码,这个也是我们前面全面了解控件的原因,ui工具无法设计的则直接写代码,而且写代码动态生成界面有时候也是必要的。

这篇关于嵌入式UI开发-lvgl+wsl2+vscode系列:11、SSD202移植运行评估demo程序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1106770

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

如何用Docker运行Django项目

本章教程,介绍如何用Docker创建一个Django,并运行能够访问。 一、拉取镜像 这里我们使用python3.11版本的docker镜像 docker pull python:3.11 二、运行容器 这里我们将容器内部的8080端口,映射到宿主机的80端口上。 docker run -itd --name python311 -p

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

科研绘图系列:R语言扩展物种堆积图(Extended Stacked Barplot)

介绍 R语言的扩展物种堆积图是一种数据可视化工具,它不仅展示了物种的堆积结果,还整合了不同样本分组之间的差异性分析结果。这种图形表示方法能够直观地比较不同物种在各个分组中的显著性差异,为研究者提供了一种有效的数据解读方式。 加载R包 knitr::opts_chunk$set(warning = F, message = F)library(tidyverse)library(phyl