06 LVGL渐变样式

06 LVGL渐变样式_第1张图片

void lv_100ask_demo_course_2_1_1(void)
 
{
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_radius(&style, 5);

    /*Make a gradient*/
    lv_style_set_bg_opa(&style, LV_OPA_COVER);
    lv_style_set_bg_color(&style, lv_palette_lighten(LV_PALETTE_RED, 1));
    lv_style_set_bg_grad_color(&style, lv_palette_main(LV_PALETTE_BLUE));
    lv_style_set_bg_grad_dir(&style, LV_GRAD_DIR_VER);

    /*Shift the gradient to the bottom*/
    lv_style_set_bg_main_stop(&style, 0);  //样式起点
    lv_style_set_bg_grad_stop(&style, 500);//样式结束位置

    /*Create an object with the new style*/
    lv_obj_t * obj = lv_obj_create(lv_scr_act());
    lv_obj_add_style(obj, &style, 0); //为对象增加 样式
    lv_obj_set_size(obj,200,500);  //设置对象 宽高
    lv_obj_center(obj);
}

你可能感兴趣的:(GUI-LVGL,html,stm32)