lvgl8.3版本实现字体倒影

LVGL 8.3 版本中可以通过设置 label 控件的特定属性来实现字体倒影效果。具体实现步骤如下：

1. 创建一个 label 控件，并设置其属性，比如 text 内容、字体大小、字体颜色等。

2. 在 label 控件下方再创建一个同样的 label 控件，并设置其 text、字体大小和字体颜色。注意这里的 text 内容应该与第一个 label 控件的 text 内容保持一致。

3. 将第二个 label 控件的 y 坐标设为第一个 label 控件的 y 坐标加上第一个 label 控件的高度，同时将其 opacity 属性设置为一个小于 1 的值，比如 0.5。

4. 在 label 控件的回调函数中，监听 LV_EVENT_DRAW_MAIN 事件，并在该事件的回调函数中绘制第二个 label 控件，即可实现字体倒影效果。

下面是一个示例代码：

static void label_draw(lv_obj_t * label, const lv_area_t * clip_area) {
    lv_label_ext_t * ext = lv_obj_get_ext_attr(label);
    lv_draw_label_dsc_t dsc;
    lv_draw_label_dsc_init(&dsc);
    lv_obj_init_draw_label_dsc(label, LV_PART_MAIN, &dsc);

    /* 绘制第一个 label */
    lv_area_t coords;
    lv_obj_get_coords(label, &coords);
    lv_draw_label(&coords, clip_area, &dsc, ext->text, NULL);

    /* 绘制第二个 label */
    coords.y += coords.h;
    dsc.opa = LV_OPA_50;
    lv_draw_label(&coords, clip_area, &dsc, ext->text, NULL);
}

int main(void) {
    /* 创建一个 label 控件 */
    lv_obj_t * label = lv_label_create(lv_scr_act());
    lv_label_set_text(label, "Hello, world!");
    lv_obj_set_size(label, 200, LV_SIZE_CONTENT);

    /* 设置 label 控件的风格 */
    lv_style_t style;
    lv_style_copy(&style, &lv_style_plain);
    style.text.color = LV_COLOR_RED;
    style.text.font = &lv_font_montserrat_24;
    lv_obj_set_style(label, &style);

    /* 设置第二个 label 控件的属性 */
    lv_obj_t * label_ref = lv_label_create(lv_scr_act());
    lv_label_set_text(label_ref, "Hello, world!");
    lv_obj_set_size(label_ref, 200, LV_SIZE_CONTENT);
    lv_obj_set_y(label_ref, lv_obj_get_y(label) + lv_obj_get_height(label));
    lv_obj_set_opa_scale(label_ref, LV_OPA_50);

    /* 监听 label 控件的 LV_EVENT_DRAW_MAIN 事件 */
    lv_obj_set_event_cb(label, label_draw);

    while (1) {
        lv_task_handler();
        usleep(5000);
    }

    return 0;
}