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格式。

相关推荐
星辰即远方8 小时前
UI学习2
学习·ui
for_ever_love__9 小时前
Objective-C学习UI 的初步了解(2)
学习·ui·objective-c
王夏奇20 小时前
pythonUI界面弹窗设置的几种办法
python·ui
spencer_tseng1 天前
ride-hailing app UI
ui
AwesomeCPA2 天前
Miaoduo MCP 使用指南(VDI内网环境)
前端·ui·ai编程
hu55667982 天前
Photoshop(PS)蓝底和红底照片的CMYK值色值是多少
ui·photoshop
UXbot2 天前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式
小樱花的樱花2 天前
打造高效记事本:UI设计到功能实现
开发语言·c++·qt·ui
小程故事多_802 天前
AI Coding 工程化革命,Superpowers 管流程,ui-ux-pro-max 管质感
人工智能·ui·架构·aigc·ai编程·ux·claude code
路过&2 天前
自制了一款字体点阵生成器
单片机·ui