lvgl8.x 屏幕分层

已于 2022-02-25 17:44:29 修改
阅读量1.7k 收藏 10
点赞数 1
分类专栏： LVGL8.X 文章标签： lvgl 嵌入式图形界面 lvgl8
于 2022-02-25 17:06:11 首次发布
转载文章的小伙伴请附上本文的链接，谢谢
本文链接：https://blog.csdn.net/jf_52001760/article/details/123136124
版权

1. lvgl 图层分层

顶层 [top layer]，lv_layer_top 。
用户层 [user layer]，lv_scr_act。
系统层 [system layer]，lv_layer_sys。

2. lvgl 图层分层描述

顶层：类似于 window 系统中任务栏处于顶层，任务栏不会被任何软件的窗口所遮盖，但可以被系统层图层所遮盖。
用户层：类似于 window 系统中软件窗口所在的图层，用户层可被顶层和系统层图层所遮盖。
系统层：类似于 window 系统中鼠标箭头所在的图层，鼠标箭头不被任何图层所遮盖，包括不被顶层遮盖，所以系统层处于最顶层。

3. lvgl 图层分层示意图

类比示意图
请添加图片描述

zhbi98
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
计算机网络应用X.25协议分层结构.pdf
11-28
计算机网络应用X.25协议分层结构.pdf
LVGL学习笔记（持续更新）
最新发布
m0_59247951的博客
05-15 1127
然后，我们选中这行右击选第二个就能到达该函数文件；然后我们在这里编写代码；注意：屏幕是没有父类的基础对象。在LVGL中，所有对象都在 lv_obj_t 这个结构体的基础上演变而来。
LVGL视频播放界面实现方法
DOT小文哥的博客
12-27 5872
在内核初始化过程中，显示驱动注册/dev/fb0，会申请UI层，可以看到ch[1] lyr[0]，一般UI就一个地址addr[ff800000, 0, 0]，并且也是最顶层的z[16]，混合模式a[pixel 255]表示由应用控制UI层的透明度。视频播放（使用TPlayer接口）的时候会通过中间件申请视频图层，可以看到ch[0] lyr[0]，并且yuv三个地址一直在变化addr[fb200000,fb2e6000,fb359000]，通常视频会放到最底层z[0]。可以看下视频播放的时候有哪些元素。
浅析嵌入式GUI框架-LVGL
巫山老妖
07-28 2045
LVGL 是目前主流的嵌入式GUI框架，可以通过它很便捷的开发应用层的交互页面，通过深入学习底层原理能够更好的理解LCD屏幕和FrameBuffer和驱动之间的关系，可以为我们后续优化LVGL显示性能打下基础。
lvgl显示图层
-凌凌漆-的博客
03-18 1621
lvgl 显示图层
LVGL (2) 图层
StephenZhou
05-05 4870
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 1109
lvgl图层相关介绍
芯课堂 | LVGL基础知识（二）
SYNWIT的博客
01-04 1180
一些事件可能包含自定义数据。例如，在某些情况下， LV_EVENT_VALUE_CHANGED 会告知新值。有关更多信息，请参见特定对象类型的文档。要在事件回调中获取自定义数据，请使用 lv_event_get_data()。自定义数据的类型取决于发送对象，但如果是下面两种情况需要特殊对待：•数值，则为 uint32_t * 或 int32_t * 类型•字符，则为 char * 或 const char * 类型。
LVGL如何透视应用层看见下面视频层的问题（ODS）实现
zzzzzz_9的博客
02-24 1453
关于用lvgl实现OSD显示的问题
LVGL(一)对象的了解与使用
qq_60955626的博客
09-08 283
简单了解LVGL的原理、API与使用。一：LVGL中的对象
18.分层简洁简历.rar
05-12
18.分层简洁简历.rar
HTMLayout分层窗口.rar
04-05
HTMLayout分层窗口.rar
PNG分层窗口.rar
04-05
PNG分层窗口.rar
图片分层.rar_图片分层
07-14
运行本程序之后可以完成对输入图片的灰度分层工作
LVGL系列（四）概述 之 对象 LVGL核心概念
Timer的博客
08-20 7589
“本文大部分内容来自LVGL官方文档，手翻版，如有错误欢迎指正。” 系列文章目录 一、LVGL系列（一）一文了解LVGL的学习路线轻松了解LVGL的全部 二、LVGL系列（二）之一 LVGL必读介绍 为什么要学习LVGL LVGL系列（二）之二 LVGL常见问题解答 整理自官方文档 二、LVGL系列（三）LVGL仿真环境的搭建（WIN下） 2.1VS下搭建LVGL仿真环境 2.1如何在仿真环境下运行自己的代码 三、LVGL系列（三） ...
LVGL基础部件学习笔记
m0_51274562的博客
01-13 5854
LV_PART_MAIN 类似矩形的背景LV_PART_SCROLLBAR 滚动条LV_PART_INDICATOR 指标，例如用于滑块、条、开关或复选框的勾选框 LV_PART_KNOB 像手柄一样可以抓取调整值LV_PART_SELECTED 表示当前选择的选项或部分LV_PART_ITEMS 如果小部件具有多个相似元素（例如表格单元格）LV_PART_TICKS 刻度上的刻度，例如对于图表或仪表。
嵌入式UI框架 LVGL 学习笔记 01 基础概念
笨笨D幸福 - 后花园
11-01 1387
# 基础组件研究 Code地址：https://github.com/lvgl 中文参考文档(可能部分内容不匹配，仅参考)：http://lvgl.100ask.net/8.2/index.html 官方API参考文档地址：https://docs.lvgl.io/master/intro/index.html **注意：LVGL 7.x版本与8.x版本差别很大，建议使用8.x版本**
【LVGL学习笔记】（二） 基础概念
weixin_45728705的博客
12-16 7724
LVGL学习笔记
three.js楼层分层抽出
11-30
根据提供的引用内容，似乎没有具体的问题或代码示例。但是，我可以为您提供一些关于three.js楼层分层抽出的基本信息。 在three.js中，楼层分层抽出通常是通过使用多个平面几何体来实现的。每个平面几何体代表一个楼层，并且可以使用不同的材质和纹理来区分它们。您可以使用three.js中的Mesh对象将平面几何体组合在一起，并将其添加到场景中。 以下是一个基本的示例代码，演示如何使用three.js创建楼层分层抽出： ```javascript // 创建场景 var scene = new THREE.Scene(); // 创建相机 var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); camera.position.z = 5; // 创建渲染器 var renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); // 创建平面几何体 var floor1 = new THREE.PlaneGeometry( 5, 5 ); var floor2 = new THREE.PlaneGeometry( 5, 5 ); var floor3 = new THREE.PlaneGeometry( 5, 5 ); // 创建材质 var material1 = new THREE.MeshBasicMaterial( { color: 0xff0000 } ); var material2 = new THREE.MeshBasicMaterial( { color: 0x00ff00 } ); var material3 = new THREE.MeshBasicMaterial( { color: 0x0000ff } ); // 创建网格对象 var mesh1 = new THREE.Mesh( floor1, material1 ); var mesh2 = new THREE.Mesh( floor2, material2 ); var mesh3 = new THREE.Mesh( floor3, material3 ); // 设置每个网格对象的位置 mesh1.position.set( 0, 0, 0 ); mesh2.position.set( 0, 1, 0 ); mesh3.position.set( 0, 2, 0 ); // 将网格对象添加到场景中 scene.add( mesh1 ); scene.add( mesh2 ); scene.add( mesh3 ); // 渲染场景 function animate() { requestAnimationFrame( animate ); renderer.render( scene, camera ); } animate(); ``` 在上面的示例中，我们创建了三个平面几何体，每个几何体代表一个楼层。我们还创建了三个不同的材质，并将它们分别应用于每个几何体。最后，我们将每个几何体的位置设置为不同的高度，并将它们添加到场景中。 请注意，上面的示例只是一个基本的示例，您可以根据自己的需求进行修改和扩展。例如，您可以使用纹理来更好地区分每个楼层，或者使用更复杂的几何体来创建更具体的建筑物。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值