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)上。
