LVGL实现触摸图片放大

qq_44719402

已于 2022-01-20 22:46:36 修改

阅读量2.3k

点赞数

分类专栏： LVGL STM32 文章标签： stm32 ui设计

于 2022-01-20 22:46:05 首次发布

本文链接：https://blog.csdn.net/qq_44719402/article/details/122611538

版权

本文介绍了使用LVGL库在STM32上实现触摸图片放大功能的方法。通过创建图片显示区，结合透明触发按键和顶层layer，实现了点击图片放大预览及再次点击关闭的功能。在步骤中详细解释了如何配置图片显示、触发按键和点击回调函数。

摘要由CSDN通过智能技术生成

主要想实现的功能是，比如在屏幕上显示一张图片，然后触摸这张图片可以进行放大预览，再次点击可以关闭预览的图片。刚学LVGL，没有没有找到相关的函数实现，这里用了一种取巧的方法实现，大致原理就是利用lv_layer_top层实现。

STEP1

首先创建一个图片显示区，并在图片显示区创建一个透明的触发按键，以便可以实现点击事件

 lv_obj_t *img_qr = lv_img_create(send_contanier);
    lv_img_set_src(img_qr,&send_qr);
    lv_obj_align(img_qr,LV_ALIGN_CENTER,0,0);
    img_btn=lv_obj_create(send_contanier);//创建一个按键
    lv_obj_set_size(img_btn,150,150);
    lv_obj_align