LVGL 8.2 text shadow

Create a fake text shadow

static void lv_example_label_2(void)
{
    /*Create a style for the shadow*/
    static lv_style_t style_shadow;
    lv_style_init(&style_shadow);
    lv_style_set_text_opa(&style_shadow, LV_OPA_30);
    lv_style_set_text_color(&style_shadow, lv_color_black());
    /*Create a label for the shadow first (it's in the background)*/
    lv_obj_t* shadow_label = lv_label_create(lv_scr_act());
    lv_obj_add_style(shadow_label, &style_shadow, 0);
    /*Create the main label*/
    lv_obj_t* main_label = lv_label_create(lv_scr_act());
    lv_label_set_text(main_label, "A simple method to create\n"
        "shadows on a text.\n"
        "It even works with\n\n"
        "newlines and spaces.");
    /*Set the same text for the shadow label*/
    lv_label_set_text(shadow_label, lv_label_get_text(main_label));
    /*Position the main label*/
    lv_obj_align(main_label, LV_ALIGN_CENTER, 0, 0);
    /*Shift the second label down and to the right by 2 pixel*/
    lv_obj_align_to(shadow_label, main_label, LV_ALIGN_TOP_LEFT, 2, 2);
}

运行效果

• 修改阴影透明度从LV_OPA_30改到LV_OPA_60

 lv_style_set_text_opa(&style_shadow, LV_OPA_60);

• 运行效果
• 修改阴影对齐坐标

 lv_obj_align_to(shadow_label, main_label, LV_ALIGN_TOP_LEFT, 4, 4);

• 运行效果