lvgl v8 按钮动画和长按时间修改

最新推荐文章于 2025-04-25 09:30:00 发布

悦睍

最新推荐文章于 2025-04-25 09:30:00 发布

阅读量4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： lvgl 文章标签：单片机

本文链接：https://blog.csdn.net/wang123qweasd/article/details/125330449

本文介绍了如何在LVGL v8中创建按钮动画，包括按钮按下时背景颜色和尺寸的变化，以及如何修改长按时间。通过示例代码展示了如何设置按钮的样式和过渡效果，以及在不同状态下的背景颜色和图片变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇文章讲了arc，其中的按钮按下动画和背景拉长的效果是不是很有意思。

1.按钮按下更改背景颜色和扩大背景的程序如下

lv_obj_t* obj = lv_obj_create(lv_scr_act());
    lv_obj_remove_style_all(obj);
    lv_obj_set_size(obj, LV_HOR_RES * 0.287, LV_VER_RES * 0.287);
    lv_obj_clear_flag(obj, LV_OBJ_FLAG_SCROLLABLE);

lv_obj_align(obj, LV_ALIGN_CENTER, 0, 0);

    lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, 0);
    lv_obj_set_style_width(obj, LV_HOR_RES * 0.287, 0);
    lv_obj_set_style_height(obj, LV_VER_RES * 0.287, 0);
    lv_obj_set_style_bg_color(obj, lv_color_hex(0x333333), 0);
    lv_obj_set_style_radius(obj, LV_VER_RES * 0.287, 0);
    lv_obj_t* obj1 = lv_obj_create(obj);
    lv_obj_set_size(obj1, LV_VER_RES * 0.237, LV_VER_RES * 0.237);

lv_obj_align(obj1, LV_ALIGN_CENTER, 0, 0);

lv_obj_set_style_width(obj1, LV_VER_RES * 0.26, LV_STATE_PRESSED);
lv_obj_set_style_height(obj1, LV_VER_RES * 0.26, LV_STATE