1、先上代码,然后分析。
void x_ImgBtnTest(){
LV_IMG_DECLARE(icon_clock);
static lv_style_prop_t tr_prop[] = {LV_STYLE_TRANSFORM_WIDTH, LV_STYLE_IMG_RECOLOR_OPA, 0};
static lv_style_transition_dsc_t tr;
lv_style_transition_dsc_init(&tr, tr_prop, lv_anim_path_linear, 200, 0, NULL);
static lv_style_t style_def;
lv_style_init(&style_def);
lv_style_set_text_color(&style_def, lv_color_white());
lv_style_set_transition(&style_def, &tr);
static lv_style_t style_pr;
lv_style_init(&style_pr);
lv_style_set_img_recolor_opa(&style_pr, LV_OPA_50);
lv_style_set_img_recolor(&style_pr, lv_color_black());

本文详细介绍了LVGL库中如何通过样式和事件处理实现闹钟图标按钮的动态效果,包括图像重绘、透明度变化和大小调整。通过实例展示了如何设置不同状态下的图标颜色和尺寸,以及文字与图标的关系。
最低0.47元/天 解锁文章
1073

被折叠的 条评论
为什么被折叠?



