LVGL 8.3.0开发实战中,高频函数如何速查且避免移植过程中哪些常见坑?

摘要:LVGL 8.3.0开发实战:高频函数速查与移植避坑指南 硬件平台基于立创esp32s3实战派 定义页面通用样式style创建页面样式 static lv_style_t style; lv_style_init(&
LVGL 8.3.0开发实战:高频函数速查与移植避坑指南 硬件平台基于立创esp32s3实战派 定义页面通用样式style // 创建页面样式 static lv_style_t style; lv_style_init(&style); lv_style_set_bg_opa(&style, LV_OPA_COVER); lv_style_set_border_width(&style, 0); lv_style_set_pad_all(&style, 0); lv_style_set_radius(&style, 0); lv_style_set_width(&style, 320); lv_style_set_height(&style, 240); 更改背景颜色 // 创建页面样式 static lv_style_t style; lv_style_init(&style); // 设置背景属性(新增颜色设置) lv_style_set_bg_opa(&style, LV_OPA_COVER);// 设置样式的背景透明度,LV_OPA_COVER表示完全不透明 // 设置样式的背景颜色,使用lv_color_hex函数将十六进制颜色值0x2F4F4F转换为颜色对象 lv_style_set_bg_color(&style, lv_color_hex(0x2F4F4F)); // 石板灰颜色 // 0x2F4F4F对应的颜色是石板灰 // 设置样式的边框宽度为0 lv_style_set_border_width(&style, 0); // 设置样式的所有内边距为0 lv_style_set_pad_all(&style, 0); // 设置样式的圆角半径为0 lv_style_set_radius(&style, 0); // 设置样式的宽度为320像素 lv_style_set_width(&style, 320); // 设置样式的高度为240像素 lv_style_set_height(&style, 240); // 创建页面容器,应用样式style page1 = lv_obj_create(lv_scr_act()); lv_obj_add_style(page1, &style, 0); //将样式(style)应用到指定的对象(page1)上。0 表示应用到对象的主样式部分。 逻辑:创建页面样式,设置页面样式背景色,容器应用背景样式,显示容器 渐变 // 在样式初始化中添加 lv_style_set_bg_grad_color(&style, lv_color_hex(0x778899)); // 渐变终色 lv_style_set_bg_grad_dir(&style, LV_GRAD_DIR_VER); // 垂直渐变 lv_style_set_bg_main_stop(&style, 20); // 主色停止点 lv_style_set_bg_grad_stop(&style, 80); // 渐变色停止点 多种更改背景颜色方法(初始化) // 设置背景属性(新增颜色设置) lv_style_set_bg_opa(&style, LV_OPA_COVER);// 设置样式的背景透明度,LV_OPA_COVER表示完全不透明 // 设置样式的背景颜色,使用lv_color_hex函数将十六进制颜色值0x2F4F4F转换为颜色对象 lv_style_set_bg_color(&style, lv_color_hex(0x2F4F4F)); // 石板灰颜色 // 0x2F4F4F对应的颜色是石板灰 // 创建页面容器,应用样式style page1 = lv_obj_create(lv_scr_act()); lv_obj_add_style(page1, &style, 0); //将样式(style)应用到指定的对象(page1)上。
阅读全文