【定制功能】LVGL 新增图层

已于 2022-10-02 20:31:48 修改
阅读量678 收藏 3
点赞数
分类专栏： LVGL 文章标签： arm 物联网 mcu c语言 linux
于 2022-09-29 21:04:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangta789/article/details/127113972
版权

更多源码分析请访问：LVGL 源码分析大全

目录

1、修改方案

因为项目的复杂性，需要壁纸图层(wallpaper_layer)和对话框(above_layer)图层。参考源代码中的prev_scr图层(LVGL设计者为多screen时动画处理的隐藏图层)的处理，我们新增图层的diff如下：

diff --git a/lvgl/src/core/lv_refr.c b/lvgl/src/core/lv_refr
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Bigan(安)
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
jQuery基于图层模仿五星星评价功能的方法
10-24
主要介绍了jQuery基于图层模仿五星星评价功能的方法,使用jQuery动态修改元素背景色的方法实现星评功能,需要的朋友可以参考下
OpenLayers3实现图层控件功能
10-14
主要为大家详细介绍了OpenLayers3实现图层控件功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
运用js实现图层拖拽的功能
10-16
js拖拽是常见的网页效果,本文将从零开始实现一个简单的js插件,下面和小编来一起学习一下吧
lvgl8.x 屏幕分层
zhbi98 的技术 Blogs
02-25 1753
1. lvgl 图层分层 顶层 [top layer]，lv_layer_top 。 用户层 [user layer]，lv_scr_act。 系统层 [system layer]，lv_layer_sys。 2. lvgl 图层分层描述 顶层：类似于 window 系统中任务栏处于顶层，任务栏不会被任何软件的窗口所遮盖，但可以被系统层图层所遮盖。 用户层：类似于 window 系统中软件窗口所在的图层，用户层可被顶层和系统层图层所遮盖。 系统层：类似于 window 系统中鼠标箭头所在的图层，鼠标箭
lvgl显示图层
-凌凌漆-的博客
03-18 1564
lvgl 显示图层
LVGL (2) 图层
StephenZhou
05-05 4740
LVGL 具有图层（Layer）的概念，默认规则是最后创建的在最上层，一般我们都是使用在 lv_scr_act 层上面创建各种控件(widgets)，每个控件其实就相当于一个个小小的图层展示在屏幕上。 在 lv_scr_act 之上还有另外两个层 top_layer 和 sys_layer，这是两个特殊的层。两者在显示器的所有屏幕上都是可见的和通用的。但是，它们不会在多个物理显示器之间共享。 top_layer 始终位于默认屏幕 (lv_scr_act()) 的顶部，而 sys_layer 位于 top_
LVGL图层的介绍
damon:月影星魔
08-17 1019
lvgl图层相关介绍
LVGL如何透视应用层看见下面视频层的问题（ODS）实现
zzzzzz_9的博客
02-24 1402
关于用lvgl实现OSD显示的问题
LVGL|lvgl教程之巧用图层(layer)编写模态对话框
sunxiaopengsun的专栏
08-21 347
LVGL|lvgl教程之巧用图层(layer)编写模态对话框_lvgl 双语方案_挨踢民工biubiu的博客-CSDN博客
LVGL学习笔记5 - Display, Screen和Layer
pq的博客
12-27 3232
目录1. Display2. Screen2.1 创建Screen2.2 加载Screen2.3 获取活动的Screen2.4 实例2.4.1 定义2个Screen全局变量2.4.2 初始化Screen2.4.3 循环更替3. Layer图层3.1 切换顺序3.2 顶层和系统层3.3 实例3.3.1 创建全局变量3.3.2 初始化3.3.3 循环更替处理在移植那里会有一个显示接口的移植，这部分其实对应的就是Display，可以翻译为显示器。在LVGL中，可以有多个Display，即物理上支持多个显示器。
基于野火F429挑战者的LVGL 8.2移植 DMA2D加速双图层运用 外部SDRAM
10-05
基于野火F429挑战者的LVGL 8.2移植，利用了DMA2D加速，同时缓冲区在外部SDRAM，开启Layer1和Layer2，可在一个图层用于LVGL，另外一个图层做点其他东西，比如在图层2加入摄像头功能或者是jpeg图片二维码什么的，图层2...
iClinet for JavaScript图层过滤功能
12-14
本范例实现了在iClinet for JavaScript中，图层过滤功能
LVGL的基础知识总结
最新发布
qq_28576837的博客
02-29 2182
另外，还有自定义字库的使用，具体可参考开发手册。
关于LVGL 显示 与 隐藏属性，＜坑＞
m0_62964247的博客
08-14 5073
LVGL
LVGL|lvgl中文教程手册(lvgl中文文档学习教程)
热门推荐
挨踢民工的博客
03-19 10万+
lvgl官方的教程是英文的，这个是我在做项目时顺便做出来的中文教程站点(持续更新维护)，不仅仅只是照搬lvgl官方文档的翻译，同时总结了我们在实际开发中遇到的各种细节，让这个文档更加适合我们在实际开发中的需求。V7.11中文已经更新完成，v8.1中文更新进行中。 LVGL是什么？LVGL(轻巧而多功能的图形库)是一个免费的开放源代码图形库，它提供创建具有易于使用的图形元素，精美的视觉效果和低内存占用的嵌入式GUI所需的一切。
ATJ2158界面绘制LVGL---layers图层
一个专研技术的小蜜蜂的博客
12-24 426
lvgl 不同layers的应用
芯课堂 | LVGL基础知识（二）
SYNWIT的博客
01-04 1084
一些事件可能包含自定义数据。例如，在某些情况下， LV_EVENT_VALUE_CHANGED 会告知新值。有关更多信息，请参见特定对象类型的文档。要在事件回调中获取自定义数据，请使用 lv_event_get_data()。自定义数据的类型取决于发送对象，但如果是下面两种情况需要特殊对待：•数值，则为 uint32_t * 或 int32_t * 类型•字符，则为 char * 或 const char * 类型。
LED照明
汽车以太网和SOA
02-15 4011
LED照明
lvgl的图层及其似例
09-07
LVGL（LittlevGL）是一个开源的嵌入式图形库，它提供了一套丰富且易于使用的图形界面组件和功能，可以帮助开发者快速构建嵌入式设备的用户界面。在LVGL中，图层（Layer）是一个重要的概念，用于管理和控制不同元素的显示和交互。 图层是独立于窗口的可视化对象，可以包含各种元素，如按钮、标签、图像等。每个图层都有自己的坐标系，并可以设置位置、大小、透明度等属性。 下面是一个示例，展示了如何创建和使用图层： ```c // 创建一个新的图层 lv_obj_t* layer = lv_layer_create(lv_scr_act(), NULL); // 设置图层的位置和大小 lv_obj_set_pos(layer, 10, 10); lv_obj_set_size(layer, 200, 100); // 创建一个按钮，并将其添加到图层中 lv_obj_t* button = lv_btn_create(layer, NULL); lv_obj_set_pos(button, 20, 20); lv_obj_set_size(button, 100, 50); // 创建一个标签，并将其添加到图层中 lv_obj_t* label = lv_label_create(layer, NULL); lv_label_set_text(label, "Hello LVGL!"); lv_obj_align(label, button, LV_ALIGN_OUT_BOTTOM_MID, 0, 10); // 将图层显示在屏幕上 lv_obj_set_hidden(layer, false); ``` 在上面的示例中，我们首先使用`lv_layer_create()`函数创建了一个新的图层，并将其添加到当前屏幕（`lv_scr_act()`）上。然后，我们设置了图层的位置和大小，并在图层中创建了一个按钮和一个标签。最后，我们使用`lv_obj_set_hidden()`函数将图层显示在屏幕上。 通过使用图层，我们可以将不同的元素组织在一起，并对它们进行独立的管理和控制。这使得界面的设计和交互更加灵活和可扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bigan(安)

打赏100可获技术支持一次

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值