LVGL V8之Text styles

创建style

• 初时化style

    static lv_style_t style;
    lv_style_init(&style);

• 设置倒角为5

lv_style_set_radius(&style, 5);

• 设置背景透明度为不透明

   lv_style_set_bg_opa(&style, LV_OPA_COVER);

• 设置背景色为淡灰色

 lv_style_set_bg_color(&style, lv_palette_lighten(LV_PALETTE_GREY, 2));

• 设置边框线宽为2

lv_style_set_border_width(&style, 2);

• 设置边框颜色为蓝色

lv_style_set_border_color(&style, lv_palette_main(LV_PALETTE_BLUE));

• 设置padding间隔为10

 lv_style_set_pad_all(&style, 10);

• 设置文本颜色为蓝色

lv_style_set_text_color(&style, lv_palette_main(LV_PALETTE_BLUE));

• 设置字符之间的间隔为5

 lv_style_set_text_letter_space(&style, 5);

• 设置行之间的间隔为20

 lv_style_set_text_line_space(&style, 20);

• 设置文本样式有下划线

lv_style_set_text_decor(&style, LV_TEXT_DECOR_UNDERLINE);

• 创建obj对象，添加style,居中显示

    lv_obj_t* obj = lv_label_create(lv_scr_act());
    lv_obj_add_style(obj, &style, 0);
    lv_label_set_text(obj, "Text of\n"
        "a label");
    lv_obj_center(obj);

完整代码，仅供参考

static void lv_example_style_8(void)
{
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_radius(&style, 5);
    lv_style_set_bg_opa(&style, LV_OPA_COVER);
    lv_style_set_bg_color(&style, lv_palette_lighten(LV_PALETTE_GREY, 2));
    lv_style_set_border_width(&style, 2);
    lv_style_set_border_color(&style, lv_palette_main(LV_PALETTE_BLUE));
    lv_style_set_pad_all(&style, 10);
    lv_style_set_text_color(&style, lv_palette_main(LV_PALETTE_BLUE));
    lv_style_set_text_letter_space(&style, 5);
    lv_style_set_text_line_space(&style, 20);
    lv_style_set_text_decor(&style, LV_TEXT_DECOR_UNDERLINE);
    /*Create an object with the new style*/
    lv_obj_t* obj = lv_label_create(lv_scr_act());
    lv_obj_add_style(obj, &style, 0);
    lv_label_set_text(obj, "Text of\n"
        "a label");
    lv_obj_center(obj);
}

调用lv_example_style_8运行效果

• 修改文本样式为LV_TEXT_DECOR_STRIKETHROUGH

lv_style_set_text_decor(&style, LV_TEXT_DECOR_STRIKETHROUGH);

• 效果图