color picker for little vGL

最新推荐文章于 2022-12-17 23:12:36 发布

风雨依依

最新推荐文章于 2022-12-17 23:12:36 发布

阅读量355

点赞数

分类专栏： little VGL

little VGL 专栏收录该内容

133 篇文章 113 订阅

订阅专栏

颜色回调函数

static void colorPicker_event_handler(lv_obj_t* obj, lv_event_t event)
 {
    if (event == LV_EVENT_VALUE_CHANGED) 
    {
        lv_color_t color = lv_cpicker_get_color(obj);
        printf("r=%d,g=%d,b=%d,a=%d\n",color.ch.red,color.ch.green,color.ch.blue,color.ch.alpha);
    }
}

颜色拾色器实现

void color_picker_demo(void)
{
    const lv_coord_t pickerSize = 200;
    static lv_style_t styleMain;
    lv_style_copy(&styleMain, &lv_style_plain);
    styleMain.line.width = 30;
    styleMain.body.main_color = LV_COLOR_WHITE;
    styleMain.body.grad_color = LV_COLOR_WHITE;

    static lv_style_t styleIndicator;
    lv_style_copy(&styleIndicator, &lv_style_pretty);
    styleIndicator.body.border.color = LV_COLOR_WHITE;

    styleIndicator.body.opa = LV_OPA_COVER;
    styleIndicator.body.border.opa = LV_OPA_COVER;

    lv_obj_t* src = lv_scr_act();
    lv_obj_t* colorPicker = lv_cpicker_create(src, NULL);
    lv_obj_set_size(colorPicker, pickerSize, pickerSize);
    
    lv_cpicker_set_type(colorPicker, LV_CPICKER_TYPE_DISC);
    lv_obj_align(colorPicker, NULL, LV_ALIGN_CENTER, 0, 0);

    lv_cpicker_set_style(colorPicker, LV_CPICKER_STYLE_MAIN, &styleMain);
    lv_cpicker_set_style(colorPicker, LV_CPICKER_STYLE_INDICATOR, &styleIndicator);
    lv_cpicker_set_indic_colored(colorPicker, true);

    lv_cpicker_set_preview(colorPicker, true);
   // lv_cpicker_set_color_mode_fixed(colorPicker, true);
    lv_obj_set_event_cb(colorPicker, colorPicker_event_handler);
}