
LVGL入门到进阶(依托项目)
文章平均质量分 63
本专栏以智能手表项目为例,从头开始利用LVGL设计一款智能手表界面UI
百炼成钢123
这个作者很懒,什么都没留下…
展开
-
LVGL_V8.3入门七---手表页面管理、任务调度(完结篇)
用过手环或者手表的朋友,手表页面切换主要有两种方式。第一种是利用触摸屏进行页面的切换,第二种是利用物理按键例如手表侧面的按钮。然后就会涉及到如何进行页面的管理,从一个页面如何切换到另外页面,如果我想要返回,返回到哪个页面。本文介绍如何利用栈的方式进行LVGL页面的管理以及利用FreeRTOS进行页面管理。实验现象一:利用STM32F7开发板上面的物理按键实现从手表主页面切换到菜单页面,再次按下切换到主页面实验现象二:利用触摸屏进行页面切换。FreeRTOS进行任务管理。原创 2024-01-27 11:59:15 · 3916 阅读 · 4 评论 -
LVGL_V8.3入门六---手表表盘页面之间的切换(触摸切换、物理按键切换、组件切换)
将事件设置为GESTURE_LEFT,向左滑动的手势。动作设置为Screen2,意思是滑动后切换到屏幕二。Fade mode设置的是屏幕滑动的方向。Speed设置滑动速度,Delay设置滑动延时。将事件设置为CLICKED点击触发。动作设置为Screen1,意思是点击切换到屏幕一。Fade mode设置的是屏幕滑动的方向。Speed设置滑动速度,Delay设置滑动延时。利用 lv_scr_load_anim函数进行切换,如果检测到屏幕滑动或者点击事件就使用 lv_scr_load_anim进行切换。原创 2023-12-22 10:02:01 · 8214 阅读 · 3 评论 -
LVGL_V8.3入门五---自定义字体(中文)图标字体生成及使用
1、从阿里巴巴矢量图库中选择一些现有的字体官网:https://www.iconfont.cn/选择字体库-》阿里妈妈数黑体2、下载字体库3、解压后将TTF文件,放到SquareLine文件夹下面的asserts文件夹下以下就是加入的新的中文字体4、设置字体大小、深度、名字5、在STYLE SETTINGS中选择自定义的字体。原创 2023-12-18 23:49:33 · 4726 阅读 · 0 评论 -
LVGL_V8.3入门四---圆形表盘UI设计(字体、图片、时间显示设计)
在现代界面设计中,用户体验至关重要。表盘是一种直观而有效的方式,通过图形化的形式向用户传达信息。为了创造出令人印象深刻的用户界面,我选择使用LVGL(LittlevGL)库,这是一个功能强大而灵活的开源图形库。在这篇博客中,我将分享我的经验,介绍如何使用LVGL创建一个引人注目的圆形表盘UI。通过这篇博客,你将学到如何使用LVGL创建一个引人注目的圆形表盘UI。LVGL提供了丰富的功能和灵活性,使得用户界面的设计变得轻而易举。原创 2023-12-11 22:51:00 · 6371 阅读 · 2 评论 -
LVGL_V8.3入门二---实时时钟(模仿华为watch-UI)
在这个博客中,我们将深入探讨LVGL(Light and Versatile Graphics Library)版本8.3的实时时钟应用,以模仿华为 Watch UI 为例。LVGL是一款专为嵌入式系统和小型设备设计的开源图形库,具有轻量级、跨平台、硬件无关性和高度可定制性等优势。通过学习实时时钟的设计,我们将了解LVGL在构建现代化用户界面方面的强大功能。完整代码、表盘图片资源,私聊发。原创 2023-12-09 23:56:30 · 4751 阅读 · 27 评论 -
LVGL_V8.3入门三---圆形表盘UI设计
圆弧部件的组成圆弧的当前值和范围值在设置圆弧部件的角度(绝对度数)之前,我们需要先搞清楚圆弧的角度划分。在圆弧部件默认的角度划分中,0 度(绝对度数)位于对象右侧中部(3 点钟方向),然后沿顺时针方向增加度数,直至 360 度。原创 2023-12-10 23:16:31 · 1784 阅读 · 0 评论 -
LVGL_V8.3入门一
LVGL(Light and Versatile Graphics Library)是一个开源的嵌入式图形库,专为嵌入式系统和小型设备设计。它提供了一组功能强大、轻量级的图形绘制和用户界面(UI)库,用于开发嵌入式设备的图形用户界面。LVGL的主要特点和好处:轻量级:LVGL被设计成轻量级的图形库,非常适合嵌入式系统和资源受限的设备。其代码大小和内存占用相对较小,适应了嵌入式设备有限的存储和计算资源。跨平台支持:LVGL是跨平台的,支持多个嵌入式平台,包括ARM、MIPS、RISC-V等。原创 2023-12-09 23:30:21 · 1961 阅读 · 0 评论