LVGL 中设置 UI 层局部透明,显示下方视频层

LVGL层次

LVGL自上而下分别是layer_sys > layer_top > lv_sreen_active > layer_bottom

即 系统层、顶层、活动屏幕、底层

原理

如果将UI设置为局部透明,显示下方的视频层,不仅仅需要将当前活动屏幕的背景设置为透明,还需要将底层背景也设置为透明。(实测不需要将顶层和系统层设置为透明,当然设置为透明也没问题)

代码

复制代码
lv_obj_set_style_bg_opa(lv_screen_active(), LV_OPA_TRANSP, LV_PART_MAIN)
lv_obj_set_style_bg_opa(lv_layer_bottom(), LV_OPA_TRANSP, LV_PART_MAIN)
lv_display_set_color_format(disp, LV_COLOR_FORMAT_ARGB8888)

这里说一个坑,LVGL中32位的颜色深度除了LV_COLOR_FORMAT_ARGB8888之外还有LV_COLOR_FORMAT_XRGB8888, 后面这个XRGB888像素格式中的X表示没有透明度。

如果之前设置显示器display为了XRGB8888,无法透明掉背景,需要按上述代码最后一句将display设置位ARGB8888格式。

相关推荐
醒雷工程师32 分钟前
Ant Design Vue UI框架快速打造后台管理管理案例
前端·vue.js·ui
追寻向上2 小时前
基于图像比对的跨平台UI一致性校验工具开发全流程指南——Android/iOS/Web三端自动化测试实战
android·ui·ios
程序猿人大林1 天前
WPF 元素周期表
ui·c#·wpf
papapa键盘侠1 天前
完善机器人:让 DeepSeek 使用Vue Element UI快速搭建 AI 交互页面
vue.js·ui·机器人
Dontla1 天前
Figma介绍(基于云的协作式界面设计工具,主要用于UI/UX设计、原型制作和团队协作)
ui·ux·figma
qq_白羊座2 天前
UI自动化:poium测试库使用文档
python·selenium·ui·appium
qq_433716952 天前
UI自动化测试 —— web端元素获取&元素等待实践!
自动化测试·软件测试·selenium·测试工具·ui·pytest·测试工程师
招风的黑耳2 天前
Axure设计之下拉多选框制作教程A(中继器)
ui·axure·选择器·下拉多选框
云计算练习生2 天前
Adobe Photoshop下载安装和使用教程
ui·adobe·photoshop·ps