之前没做过ui,只用过lcd画几条线写点字,如果按键、菜单什么的全用线画也太麻烦了,所以需要一个ui库。

听说lvgl用的人很多,就打算裸机移植一下用用。本文移植的lvgl版本是lvgl6.2,也移植过8.2,但是flash占用陡增占了快300k,我用到了外置flash,涉及到bootloader+app,有机会下篇文章细说。

使用的单片机是stm32h750vbt6,内置的flash极小只有128k,ram倒是很大1M够用了,符合lvgl6.2的最低要求,当然具体用多少和屏幕大小有关,显存容量必须算进去。

lvgl源码下载地址https://github.com/lvgl/lvgl

lvgl具体使用直接在官网可以找到

下载完可见到这样的目录结构,我们只要使用到这几个文件夹的内容。

README.md里其实就有移植步骤,我这里走个流程。

为了方便直接把lvgl-release-v6文件夹复制到你自己的工程目录里,改名为lvgl(一定要改,不然后续头文件会定位错误,具体为什么可以看源码研究)。

几个文件夹、文件介绍:

src里是源码,把.c文件全部加入工程,什么都不用改。

porting里是提供的接口模板xxxtemplate,需要添加修改内容,是本地lcd、输入设备、文件系统和lvgl的桥梁(比如你有刀,但不会砍树,把刀递给lvgl它才能砍树)。

lv_conf_template.h顾名思义是配置文件的模板,需要修改。

具体移植流程:

lv_conf_template.h改名为lv_conf.h放到和lvgl文件夹同级的位置,否则会造成后续头文件找不到的问题。

porting内的文件同样把_template后缀都删了重命名。

 

最后添加进工程的文件如图所示:

把这几个文件的#if 0全部改成1使能这几个文件,并且把3个lv_port_xxx.c文件的include也删掉后缀_template和你自己的对应。

lv_port_disp.c 负责显示部分;

lv_port_fs.c 负责文件系统部分(file system);

lv_port_indev.c 负责输入设备部分(input device);

本次我只用到了显示部分,所以我只改了lv_port_disp.c和lv_conf.h

1、lv_conf.h修改此处,为你的屏幕像素大小,我的是160*90:

2、lv_port_disp.c ,找到void lv_port_disp_init(void)函数修改其内容如图,lvgl6.2提供三种范例,disp_buf_123对应ui处理速度慢中快可自己选择,我这里选择的2:

lv_port_disp.c ,继续添加你自己lcd的1初始化函数、2画点函数如图:

3、最后再自己配个1-10ms的中断,加入lv_tick_inc(x)函数给lvgl心跳计时用。x为你中断周期,我这里为1ms所以写1。

4、当然记得加头文件路径,用到多少加多少,我的如下:

5、开始编译,不报错基本就移植成功了:

可能报错的原因:

flash超出或者ram超出报memory错误这个没本法,可以用外置ram、flash。

头文件源文件找不到等错误可能是配置步骤没做对仔细检查。

使用lvgl范例:

然后在main函数内加入如下内容,进行测试:

意思是在lv_acr_act()图层上画一个方块,加一个label标签显示字号为15的“Hello, world”。

最后在主循环内加入lvgl的刷新函数,循环执行:

重新编译下载效果如下:

移植成功。

ui就是很吃存储空间的,lvgl高版本吃更多的内存但也代表着更丰富的功能,我后来移植的8.2版本对flash要求更高远超了128k,用到了外置qspi的flash,用到bootloader+app的结构,后续有机会细说。

stm32h750移植lvgl的更多相关文章

  1. Arduino+ESP32 之 驱动GC9A01圆形LCD(二),移植LVGL,跑示例程序,显示自制图片

    在前文Arduino+ESP32 之 驱动GC9A01圆形LCD(一), 我们已经移植好了arduino GFX库, 该库的示例程序内,还有LVGL的示例程序哦. arduino环境下移植lvgl是很 ...

  2. 树莓派3b在rt-thread上移植LittlevGL

    树莓派3b在rt-thread上移植LittlevGL 目录 树莓派3b在rt-thread上移植LittlevGL 1.本文概述 2.资源准备 3.上手体验 4.rt-thread与lvgl进行无缝 ...

  3. 手把手教你丨小熊派移植华为 LiteOS-M

    摘要:本文详细讲解如何移植 LiteOS 到小熊派. 本文分享自华为云社区<小熊派移植华为 LiteOS-M(基于MDK)>,作者: JeckXu666. 前言 之前使用小熊派实现了鸿蒙动 ...

  4. LVGL库入门教程01-移植到STM32(触摸屏)

    LVGL库移植STM32 LVGL库简介 LVGL(Light and Versatile Graphics Library)是一个免费.开源的嵌入式图形库,可以创建丰富.美观的界面,具有许多可以自定 ...

  5. Arduino+ESP32 之 驱动GC9A01圆形LCD(一),基于Arduino_GFX库

    最近买了一块圆形屏幕,驱动IC是GC9A01,自己参考淘宝给的stm32的驱动例程, 在ubuntu下使用IDF开发ESP32,也在windows的vscode内安装IDF开发ESP32,虽然都做到了 ...

  6. lvgl移植—Linux fbdev&evdev(基于LVGL v7)

    虽然lvgl官方提供了有关linux framebuffer操作的库函数,但是我决定自己试一下能否自己实现这部分操作 实际项目中应优先采用官方库函数,官方实现代码位于文件夹lv_drivers/dis ...

  7. HamsterBear Linux Low Res ADC按键驱动的适配 + LVGL button移植

    HamsterBear lradc按键驱动的适配 平台 - F1C200s Linux版本 - 5.17.2 ADC按键 - 4 KEY tablet 驱动程序位于主线内核: drivers/inpu ...

  8. 来了!STM32移植LuatOS,潘多拉示例全新教程

    进击的五月,继上期<使用Air724UG制作简易贪吃蛇>教程之后,@打盹的消防车 又为大家带来基于STM32的潘多拉LuatOS移植全新教程: 为什么使用潘多拉作为教程呢? STM32不能 ...

  9. LVGL库入门教程 - 颜色和图像

    颜色 构造颜色 在 LVGL 中,颜色以结构 lv_color_t 表示.在最开始移植整个工程时,曾经在 lv_conf.h 中修改过颜色深度: /*Color depth: 1 (1 byte pe ...

随机推荐

  1. Go 语言图片处理简明教程

    虽然 Go 语言主要用于 Web 后端以及各类中间件和基础设施开发,也难免遇到一些图像处理的需求.Go 语言提供的 image 标准库提供了基本的图片加载.裁剪.绘制等能力,可以帮助我们实现一些绘图需 ...

  2. MQ系列3:RocketMQ 架构分析

    MQ系列1:消息中间件执行原理 MQ系列2:消息中间件的技术选型 1 背景 我们前面两篇对主流消息队列的基本构成和技术选型做了详细的分析.从本篇开始,我们会专注当下主流MQ之一的RocketMQ. 从 ...

  3. 使springAOP生效不一定要加@EnableAspectJAutoProxy注解

    在上篇文章<springAOP和AspectJ有关系吗?如何使用springAOP面向切面编程>中遗留了一个问题,那就是在springboot中使用springAOP需要加@EnableA ...

  4. 论文解读(NWR)《Graph Auto-Encoder via Neighborhood Wasserstein Reconstruction》

    论文信息 论文标题:Graph Auto-Encoder via Neighborhood Wasserstein Reconstruction论文作者:Shaked Brody, Uri Alon, ...

  5. CF593D Happy Tree Party(不用树剖)

    题面 题解 我们发现,对于除法有效的xi最小为2,yi最多除log次就会变成0,所以我们可以每次找路径上下一个>=2的xi,暴力除,当发现y=0时就停止 于是我们维护每个点向上走一直走到根最近的 ...

  6. 【c#】仅1600行代码 2D魔方游戏源码-纯WinForm

    想起以前高三的时候写过一个很无脑的程序,那个时候.net5.0都还没影儿呢,,现在分享一下.一个平面展开的魔方游戏. 这个是1.0版本,有些许bug. 比如左边的格子操作不了. 「2d cube.ex ...

  7. 第八十一篇:Vue购物车(二) 名称,图片,价格的渲染

    好家伙, 1,为组件封装属性, 需要封装以下属性: 需要定义的属性 属性名 值的类型 商品名 title String 商品图片 pic String 商品价格 price Number 是否勾选 s ...

  8. 第四十八篇:webpack的基本使用(二) --安装和配置webpack-dev-server插件

    好家伙, 1.webpack中的默认约定 默认的打包入口文件为src  -->index.js 默认的输出文件路径为dist -->main.js 既然有默认,那么就说明肯定能改 2.en ...

  9. 面试~jvm(JVM内存结构、类加载、双亲委派机制、对象分配,了解垃圾回收)

    一.JVM内存结构 ▷ 谈及内存结构各个部分的数据交互过程:还可以再谈及生命周期.数据共享:是否GC.是否OOM 答:jvm 内存结构包括程序计数器.虚拟机栈.本地方法栈.堆.方法区:它是字节码运行时 ...

  10. 08_Linux基础-vim-tmux-字符编码

    @ 目录 08_Linux基础-vim-tmux-字符编码 一. vim vim编辑器作用 vim模式 vim命令模式 vim编辑模式 vim末行模式 vim视图模式 vim替换模式 练习 vim常用 ...