news 2026/4/2 4:47:03

LVGL9.5 设置背景图片的方法

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
LVGL9.5 设置背景图片的方法

说明

  • LVGL 可以轻松的设置背景图片,API 为lv_obj_set_style_bg_image_src

  • 验证发现,可以设置不同对象的背景图片,比如当前屏幕lv_screen_active()的,或者某个控件的,比如一个按钮 Button 的。

设置背景图片

lv_obj_set_style_bg_image_src(lv_screen_active(),"C:../apps/images/bg_03.png",0);

注意事项

  • 比如设置的背景图片是 png 格式的,就需要 LVGL 开启#define LV_USE_LODEPNG 1,或者使用#define LV_USE_LIBPNG 1与额外的libpng

  • 注意【背景图片的路径必须是全局的】,比如【字符串常量】,或者动态申请的内存,或者是静态全局的数组。也就是背景图设置后,是异步【刷图】的,如果背景图片使用了【局部变量】,设置完,局部变量失效,导致背景图不能正常的显示。

  • 由于 LVGL 的路径需要增加前缀,比如A:或者C:之类的,拼接的路径,一定要注意是全局的,也就是变量的生命周期。

效果

设置屏幕背景图

lv_obj_set_style_bg_image_src(lv_screen_active(), "C:../apps/images/bg_03.png", 0);

  • 运行后,发现背景图片正常的显示

设置控件背景

voidlv_example_get_started_2(void){lv_obj_t*btn=lv_button_create(lv_screen_active());/*Add a button the current screen*/lv_obj_set_pos(btn,10,10);/*Set its position*/lv_obj_set_size(btn,120,50);/*Set its size*/lv_obj_add_event_cb(btn,btn_event_cb,LV_EVENT_ALL,NULL);/*Assign a callback to the button*/lv_obj_t*label=lv_label_create(btn);/*Add a label to the button*/lv_label_set_text(label,"Button");/*Set the labels text*/lv_obj_set_style_text_color(label,lv_color_black(),LV_STATE_DEFAULT);lv_obj_center(label);// lv_obj_set_style_bg_image_src(lv_screen_active(), "C:../apps/images/bg_03.png", 0);lv_obj_set_style_bg_image_src(btn,"C:../apps/images/bg_04.png",0);}
  • 运行后,发现控件(按钮)背景图片正常的显示

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/1 18:33:02

5.React状态管理

多更新的组件状态 在组件状态中,我们了解到了React中组件的状态及其用法。组件状态的主要作用就是由状态设置触发组件的局部UI渲染,状态用法也很简单。 有时候有些组件对于状态的更新操作很多,这就让我们很难短时间理清组件更新逻辑。示例如…

作者头像 李华
网站建设 2026/3/28 17:21:50

Wan2.2-T2V-A14B支持多种艺术风格迁移的实现方式

Wan2.2-T2V-A14B:如何实现多艺术风格视频生成 在短视频内容爆炸式增长的今天,品牌方、创作者和影视团队面临的最大挑战之一不再是“有没有创意”,而是“如何快速、低成本地将创意可视化”。传统视频制作流程动辄数周周期、高昂成本&#xff0…

作者头像 李华
网站建设 2026/3/27 15:08:32

哔哩下载姬实战手册:从零到精通的B站视频管理技巧

还记得那个让你抓狂的场景吗?收藏夹里心爱的视频突然下架,精心整理的UP主内容无法离线观看,或者急需某个视频素材却发现网络不稳定。这些痛点正是哔哩下载姬要帮你解决的现实问题。 【免费下载链接】downkyi 哔哩下载姬downkyi,哔…

作者头像 李华
网站建设 2026/3/26 12:05:29

不是吧,都2025年了你别说你还不会Spring MVC基本应用

1.1 经典三层结构 在JavaEE开发中,几乎全部都是基于B/S架构的开发。那么在B/S架构中,系统标准的三层架构包括:表现层、业务层、持久层。三层架构在我们的实际开发中使用得非常多,接下来我们详细了解下这三层架构。 表现层&#…

作者头像 李华