|
|
|
@ -134,181 +134,180 @@ static lv_style_t chart_series_bg, chart_series;
|
|
|
|
|
static void basic_init(void)
|
|
|
|
|
{
|
|
|
|
|
lv_style_init(&scr);
|
|
|
|
|
lv_style_set_bg_opa(&scr, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&scr, LV_STYLE_STATE_NORMAL, COLOR_SCREEN);
|
|
|
|
|
lv_style_set_text_color(&scr, LV_STYLE_STATE_NORMAL, lv_color_hex(0xb8b8b9));
|
|
|
|
|
lv_style_set_bg_opa(&scr, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&scr, LV_STATE_NORMAL, COLOR_SCREEN);
|
|
|
|
|
lv_style_set_text_color(&scr, LV_STATE_NORMAL, lv_color_hex(0xb8b8b9));
|
|
|
|
|
|
|
|
|
|
#define PERF_TEST 0
|
|
|
|
|
#if PERF_TEST == 0
|
|
|
|
|
lv_style_init(&panel);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 25);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STYLE_STATE_NORMAL, COLOR_CONTAINER);
|
|
|
|
|
// lv_style_set_color(&panel, LV_STYLE_BG_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_NORMAL, lv_color_lighten(COLOR_CONTAINER, LV_OPA_10));
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 50 > 0 ? LV_DPI / 50 : 1);
|
|
|
|
|
lv_style_set_border_side(&panel, LV_STYLE_STATE_NORMAL , LV_BORDER_SIDE_TOP);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STYLE_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_font(&panel, LV_STYLE_STATE_NORMAL, &lv_font_roboto_16);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STYLE_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STYLE_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_line_width(&panel, LV_STYLE_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_transition_time(&panel, LV_STYLE_STATE_NORMAL, 500);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STATE_NORMAL, LV_DPI / 25);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STATE_NORMAL, COLOR_CONTAINER);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_NORMAL, lv_color_lighten(COLOR_CONTAINER, LV_OPA_10));
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STATE_NORMAL, LV_DPI / 50 > 0 ? LV_DPI / 50 : 1);
|
|
|
|
|
lv_style_set_border_side(&panel, LV_STATE_NORMAL , LV_BORDER_SIDE_TOP);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_font(&panel, LV_STATE_NORMAL, &lv_font_roboto_16);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_line_width(&panel, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_transition_time(&panel, LV_STATE_NORMAL, 500);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&btn);
|
|
|
|
|
lv_style_set_radius(&btn, LV_STYLE_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_PRESSED, lv_color_darken(COLOR_ACCENT, LV_OPA_20));
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
// lv_style_set_border_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
// lv_style_set_border_width(&btn, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
// lv_style_set_border_opa(&btn, LV_STYLE_STATE_NORMAL, L);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_NORMAL, lv_color_hex(0xffffff));
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_DISABLED, lv_color_hex(0x686b70));
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_transition_time(&btn, LV_STYLE_STATE_NORMAL, 300);
|
|
|
|
|
// lv_style_set_transition_time(&btn, LV_STYLE_STATE_PRESSED, 0);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_FOCUS, lv_color_mix(LV_COLOR_RED, COLOR_ACCENT, LV_OPA_50));
|
|
|
|
|
lv_style_set_radius(&btn, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_PRESSED, lv_color_darken(COLOR_ACCENT, LV_OPA_20));
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
// lv_style_set_border_color(&btn, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
// lv_style_set_border_width(&btn, LV_STATE_NORMAL, 2);
|
|
|
|
|
// lv_style_set_border_opa(&btn, LV_STATE_NORMAL, L);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_NORMAL, lv_color_hex(0xffffff));
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_DISABLED, lv_color_hex(0x686b70));
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_transition_time(&btn, LV_STATE_NORMAL, 300);
|
|
|
|
|
// lv_style_set_transition_time(&btn, LV_STATE_PRESSED, 0);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_FOCUS, lv_color_mix(LV_COLOR_RED, COLOR_ACCENT, LV_OPA_50));
|
|
|
|
|
|
|
|
|
|
lv_style_set_outline_width(&btn, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
// lv_style_set_outline_width(&btn, LV_STYLE_STATE_PRESSED, 0);
|
|
|
|
|
// lv_style_set_outline_pad(&btn, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
// lv_style_set_outline_pad(&btn, LV_STYLE_STATE_PRESSED, 0);
|
|
|
|
|
lv_style_set_outline_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
// lv_style_set_outline_opa(&btn, LV_STYLE_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_outline_width(&btn, LV_STATE_NORMAL, 3);
|
|
|
|
|
// lv_style_set_outline_width(&btn, LV_STATE_PRESSED, 0);
|
|
|
|
|
// lv_style_set_outline_pad(&btn, LV_STATE_NORMAL, 5);
|
|
|
|
|
// lv_style_set_outline_pad(&btn, LV_STATE_PRESSED, 0);
|
|
|
|
|
lv_style_set_outline_opa(&btn, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
// lv_style_set_outline_opa(&btn, LV_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
#elif PERF_TEST == 1
|
|
|
|
|
lv_style_init(&panel);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STYLE_STATE_NORMAL, 0);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STATE_NORMAL, 0);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&btn);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
#elif PERF_TEST == 2
|
|
|
|
|
lv_style_init(&panel);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&btn);
|
|
|
|
|
lv_style_set_radius(&btn, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_grad_dir(&btn, LV_STYLE_STATE_NORMAL, LV_GRAD_DIR_NONE);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_grad_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&btn, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_radius(&btn, LV_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_grad_dir(&btn, LV_STATE_NORMAL, LV_GRAD_DIR_NONE);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_grad_color(&btn, LV_STATE_NORMAL, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&btn, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
#elif PERF_TEST == 3
|
|
|
|
|
lv_style_init(&panel);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STYLE_STATE_NORMAL, 10);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STYLE_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_opa(&panel, LV_STYLE_STATE_NORMAL, LV_OPA_80);
|
|
|
|
|
// lv_style_set_shadow_width(&panel, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
// lv_style_set_shadow_offset_y(&panel, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
// lv_style_set_shadow_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STYLE_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_radius(&panel, LV_STATE_NORMAL, 10);
|
|
|
|
|
lv_style_set_bg_opa(&panel, LV_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_bg_color(&panel, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&panel, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&panel, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_opa(&panel, LV_STATE_NORMAL, LV_OPA_80);
|
|
|
|
|
// lv_style_set_shadow_width(&panel, LV_STATE_NORMAL, 5);
|
|
|
|
|
// lv_style_set_shadow_offset_y(&panel, LV_STATE_NORMAL, 3);
|
|
|
|
|
// lv_style_set_shadow_color(&panel, LV_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_pad_left(&panel, LV_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_right(&panel, LV_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_top(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&panel, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_text_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_image_recolor(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_line_color(&panel, LV_STATE_NORMAL, LV_COLOR_RED);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&btn);
|
|
|
|
|
lv_style_set_radius(&btn, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_bg_grad_dir(&btn, LV_STYLE_STATE_NORMAL, LV_GRAD_DIR_VER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_grad_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&btn, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_opa(&btn, LV_STYLE_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_shadow_blend_mode(&btn, LV_STYLE_STATE_NORMAL, LV_BLEND_MODE_NORMAL);
|
|
|
|
|
lv_style_set_shadow_width(&btn, LV_STYLE_STATE_NORMAL, 20);
|
|
|
|
|
lv_style_set_shadow_width(&btn, LV_STYLE_STATE_PRESSED, 2);
|
|
|
|
|
lv_style_set_shadow_offset_x(&btn, LV_STYLE_STATE_NORMAL, -4);
|
|
|
|
|
lv_style_set_shadow_offset_y(&btn, LV_STYLE_STATE_NORMAL, 8);
|
|
|
|
|
// lv_style_set_shadow_offset_y(&btn, LV_STYLE_STATE_PRESSED, 1);
|
|
|
|
|
lv_style_set_shadow_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_shadow_spread(&btn, LV_STYLE_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STYLE_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STYLE_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_transition_time(&btn, LV_STYLE_STATE_NORMAL, 200);
|
|
|
|
|
lv_style_set_radius(&btn, LV_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_bg_opa(&btn, LV_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_bg_grad_dir(&btn, LV_STATE_NORMAL, LV_GRAD_DIR_VER);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_bg_grad_color(&btn, LV_STATE_NORMAL, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_PRESSED, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_bg_color(&btn, LV_STATE_DISABLED, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_border_color(&btn, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_width(&btn, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_opa(&btn, LV_STATE_NORMAL, LV_OPA_50);
|
|
|
|
|
lv_style_set_shadow_blend_mode(&btn, LV_STATE_NORMAL, LV_BLEND_MODE_NORMAL);
|
|
|
|
|
lv_style_set_shadow_width(&btn, LV_STATE_NORMAL, 20);
|
|
|
|
|
lv_style_set_shadow_width(&btn, LV_STATE_PRESSED, 2);
|
|
|
|
|
lv_style_set_shadow_offset_x(&btn, LV_STATE_NORMAL, -4);
|
|
|
|
|
lv_style_set_shadow_offset_y(&btn, LV_STATE_NORMAL, 8);
|
|
|
|
|
// lv_style_set_shadow_offset_y(&btn, LV_STATE_PRESSED, 1);
|
|
|
|
|
lv_style_set_shadow_color(&btn, LV_STATE_NORMAL, LV_COLOR_BLUE);
|
|
|
|
|
lv_style_set_shadow_spread(&btn, LV_STATE_NORMAL, 5);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_PRESSED, LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_text_color(&btn, LV_STATE_DISABLED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&btn, LV_STATE_PRESSED,LV_COLOR_BLACK);
|
|
|
|
|
lv_style_set_pad_left(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_right(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_top(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_bottom(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_pad_inner(&btn, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_transition_time(&btn, LV_STATE_NORMAL, 200);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -337,15 +336,15 @@ static void bar_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_BAR
|
|
|
|
|
lv_style_init(&bar_bg);
|
|
|
|
|
lv_style_set_int(&bar_bg, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_opa(&bar_bg, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&bar_bg, LV_STYLE_BG_COLOR, COLOR_BACKGROUND);
|
|
|
|
|
lv_style_set_radius(&bar_bg, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_opa(&bar_bg, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&bar_bg, LV_STATE_NORMAL, COLOR_BACKGROUND);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&bar_indic);
|
|
|
|
|
lv_style_set_opa(&bar_indic, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_int(&bar_indic, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_color(&bar_indic, LV_STYLE_BG_COLOR, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_color(&bar_indic, LV_STYLE_BG_COLOR | LV_STYLE_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_bg_opa(&bar_indic, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_radius(&bar_indic, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_color(&bar_indic, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_color(&bar_indic, LV_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -374,14 +373,14 @@ static void slider_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_SLIDER != 0
|
|
|
|
|
lv_style_init(&slider_knob);
|
|
|
|
|
lv_style_set_opa(&slider_knob, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&slider_knob, LV_STYLE_BG_COLOR, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_int(&slider_knob, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_int(&slider_knob, LV_STYLE_PAD_TOP, LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&slider_knob, LV_STYLE_PAD_BOTTOM, LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&slider_knob, LV_STYLE_PAD_LEFT, LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&slider_knob, LV_STYLE_PAD_RIGHT, LV_DPI/20);
|
|
|
|
|
lv_style_set_color(&slider_knob, LV_STYLE_BG_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_bg_opa(&slider_knob, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&slider_knob, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_radius(&slider_knob, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_pad_left(&slider_knob, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_right(&slider_knob, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_top(&slider_knob, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_bottom(&slider_knob, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_bg_color(&slider_knob, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -389,14 +388,14 @@ static void sw_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_SW != 0
|
|
|
|
|
lv_style_init(&sw_knob);
|
|
|
|
|
lv_style_set_opa(&sw_knob, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&sw_knob, LV_STYLE_BG_COLOR, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_int(&sw_knob, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_int(&sw_knob, LV_STYLE_PAD_TOP, - LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&sw_knob, LV_STYLE_PAD_BOTTOM, - LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&sw_knob, LV_STYLE_PAD_LEFT, - LV_DPI/20);
|
|
|
|
|
lv_style_set_int(&sw_knob, LV_STYLE_PAD_RIGHT, - LV_DPI/20);
|
|
|
|
|
lv_style_set_color(&sw_knob, LV_STYLE_BG_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_bg_opa(&sw_knob, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&sw_knob, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_radius(&sw_knob, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_pad_top(&sw_knob, LV_STATE_NORMAL, - LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_bottom(&sw_knob, LV_STATE_NORMAL, - LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_left(&sw_knob, LV_STATE_NORMAL, - LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_right(&sw_knob, LV_STATE_NORMAL, - LV_DPI/20);
|
|
|
|
|
lv_style_set_bg_color(&sw_knob, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -404,18 +403,18 @@ static void lmeter_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_LMETER != 0
|
|
|
|
|
lv_style_init(&lmeter);
|
|
|
|
|
lv_style_set_color(&lmeter, LV_STYLE_SCALE_COLOR, LV_COLOR_AQUA);
|
|
|
|
|
lv_style_set_color(&lmeter, LV_STYLE_SCALE_GRAD_COLOR, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_color(&lmeter, LV_STYLE_SCALE_END_COLOR, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_line_rounded(&lmeter, LV_STYLE_STATE_NORMAL, true);
|
|
|
|
|
lv_style_set_int(&lmeter, LV_STYLE_LINE_WIDTH, 4);
|
|
|
|
|
lv_style_set_scale_end_line_width(&lmeter, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_scale_color(&lmeter, LV_STATE_NORMAL, LV_COLOR_AQUA);
|
|
|
|
|
lv_style_set_scale_grad_color(&lmeter, LV_STATE_NORMAL, LV_COLOR_NAVY);
|
|
|
|
|
lv_style_set_scale_end_color(&lmeter, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_line_rounded(&lmeter, LV_STATE_NORMAL, true);
|
|
|
|
|
lv_style_set_line_width(&lmeter, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_end_line_width(&lmeter, LV_STATE_NORMAL, 2);
|
|
|
|
|
|
|
|
|
|
/*Padding to not clip rounded line endings*/
|
|
|
|
|
lv_style_set_pad_left(&lmeter, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_right(&lmeter, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_top(&lmeter, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_bottom(&lmeter, LV_STYLE_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_left(&lmeter, LV_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_right(&lmeter, LV_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_top(&lmeter, LV_STATE_NORMAL, 3);
|
|
|
|
|
lv_style_set_pad_bottom(&lmeter, LV_STATE_NORMAL, 3);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -425,37 +424,37 @@ static void gauge_init(void)
|
|
|
|
|
#if LV_USE_GAUGE != 0
|
|
|
|
|
lv_style_init(&gauge_main);
|
|
|
|
|
lv_style_copy(&gauge_main, &panel);
|
|
|
|
|
lv_style_set_radius(&gauge_main, LV_STYLE_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_border_side(&gauge_main, LV_STYLE_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_scale_color(&gauge_main, LV_STYLE_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_grad_color(&gauge_main, LV_STYLE_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_end_color(&gauge_main, LV_STYLE_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_line_width(&gauge_main, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_scale_end_line_width(&gauge_main, LV_STYLE_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_end_border_width(&gauge_main, LV_STYLE_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_bg_opa(&gauge_main, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_pad_left(&gauge_main, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&gauge_main, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&gauge_main, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&gauge_main, LV_STYLE_STATE_NORMAL, LV_DPI / 6);
|
|
|
|
|
lv_style_set_scale_width(&gauge_main, LV_STYLE_STATE_NORMAL, LV_DPI/12);
|
|
|
|
|
lv_style_set_radius(&gauge_main, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_border_side(&gauge_main, LV_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_scale_color(&gauge_main, LV_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_grad_color(&gauge_main, LV_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_end_color(&gauge_main, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_line_width(&gauge_main, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_scale_end_line_width(&gauge_main, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_end_border_width(&gauge_main, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_bg_opa(&gauge_main, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_pad_left(&gauge_main, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&gauge_main, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&gauge_main, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&gauge_main, LV_STATE_NORMAL, LV_DPI / 6);
|
|
|
|
|
lv_style_set_scale_width(&gauge_main, LV_STATE_NORMAL, LV_DPI/12);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&gauge_strong);
|
|
|
|
|
lv_style_set_color(&gauge_strong, LV_STYLE_SCALE_COLOR, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_color(&gauge_strong, LV_STYLE_SCALE_GRAD_COLOR, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_color(&gauge_strong, LV_STYLE_SCALE_END_COLOR, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_int(&gauge_strong, LV_STYLE_LINE_WIDTH, 4);
|
|
|
|
|
lv_style_set_scale_end_line_width(&gauge_strong, LV_STYLE_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_width(&gauge_strong, LV_STYLE_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
lv_style_set_scale_color(&gauge_strong, LV_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_grad_color(&gauge_strong, LV_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_scale_end_color(&gauge_strong, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_line_width(&gauge_strong, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_end_line_width(&gauge_strong, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_scale_width(&gauge_strong, LV_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&gauge_needle);
|
|
|
|
|
lv_style_set_color(&gauge_needle, LV_STYLE_LINE_COLOR, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_line_width(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_bg_opa(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_radius(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_size(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_inner(&gauge_needle, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_line_color(&gauge_needle, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_line_width(&gauge_needle, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_bg_opa(&gauge_needle, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&gauge_needle, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_radius(&gauge_needle, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_size(&gauge_needle, LV_STATE_NORMAL, LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_inner(&gauge_needle, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -463,14 +462,14 @@ static void arc_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_ARC != 0
|
|
|
|
|
lv_style_init(&arc);
|
|
|
|
|
lv_style_set_color(&arc, LV_STYLE_LINE_COLOR, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_int(&arc, LV_STYLE_LINE_WIDTH, LV_DPI / 8);
|
|
|
|
|
lv_style_set_int(&arc, LV_STYLE_LINE_ROUNDED, 1);
|
|
|
|
|
lv_style_set_line_color(&arc, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_line_width(&arc, LV_STATE_NORMAL, LV_DPI / 8);
|
|
|
|
|
lv_style_set_line_rounded(&arc, LV_STATE_NORMAL, true);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&arc_bg);
|
|
|
|
|
lv_style_set_color(&arc_bg, LV_STYLE_LINE_COLOR, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_int(&arc_bg, LV_STYLE_LINE_WIDTH, LV_DPI / 8);
|
|
|
|
|
lv_style_set_int(&arc_bg, LV_STYLE_LINE_ROUNDED, 1);
|
|
|
|
|
lv_style_set_line_color(&arc_bg, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_line_width(&arc_bg, LV_STATE_NORMAL, LV_DPI / 8);
|
|
|
|
|
lv_style_set_line_rounded(&arc_bg, LV_STATE_NORMAL, true);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -488,25 +487,24 @@ static void chart_init(void)
|
|
|
|
|
#if LV_USE_CHART
|
|
|
|
|
|
|
|
|
|
lv_style_init(&chart_series_bg);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_LINE_WIDTH , 1);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_LINE_DASH_WIDTH, 4);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_LINE_DASH_GAP, 4);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_PAD_BOTTOM , LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_PAD_LEFT , LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&chart_series_bg, LV_STYLE_PAD_RIGHT , LV_DPI / 10);
|
|
|
|
|
lv_style_set_color(&chart_series_bg, LV_STYLE_LINE_COLOR, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_line_width(&chart_series_bg, LV_STATE_NORMAL , 1);
|
|
|
|
|
lv_style_set_line_dash_width(&chart_series_bg, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_line_dash_gap(&chart_series_bg, LV_STATE_NORMAL, 4);
|
|
|
|
|
lv_style_set_pad_bottom(&chart_series_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_left(&chart_series_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&chart_series_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_line_color(&chart_series_bg, LV_STATE_NORMAL, COLOR_DISABLED);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_init(&chart_series);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_LINE_WIDTH , 1);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_SIZE , 2);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_PAD_INNER , 2);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_RADIUS , 1);
|
|
|
|
|
lv_style_set_opa(&chart_series, LV_STYLE_BG_OPA , LV_OPA_COVER);
|
|
|
|
|
lv_style_set_opa(&chart_series, LV_STYLE_BG_OPA, LV_OPA_100);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_BG_GRAD_DIR, LV_GRAD_DIR_VER);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_BG_MAIN_STOP, 96);
|
|
|
|
|
lv_style_set_int(&chart_series, LV_STYLE_BG_GRAD_STOP, 0);
|
|
|
|
|
lv_style_set_line_width(&chart_series, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_size(&chart_series, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_pad_inner(&chart_series, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_radius(&chart_series, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_bg_opa(&chart_series, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_grad_dir(&chart_series, LV_STATE_NORMAL, LV_GRAD_DIR_VER);
|
|
|
|
|
lv_style_set_bg_main_stop(&chart_series, LV_STATE_NORMAL, 96);
|
|
|
|
|
lv_style_set_bg_grad_stop(&chart_series, LV_STATE_NORMAL, 0);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -516,33 +514,33 @@ static void calendar_init(void)
|
|
|
|
|
#if LV_USE_CALENDAR
|
|
|
|
|
|
|
|
|
|
lv_style_init(&calendar_header);
|
|
|
|
|
lv_style_set_int(&calendar_header, LV_STYLE_PAD_TOP, LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_header, LV_STYLE_PAD_LEFT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_header, LV_STYLE_PAD_RIGHT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_header, LV_STYLE_PAD_BOTTOM , LV_DPI / 7);
|
|
|
|
|
lv_style_set_color(&calendar_header, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_PRESSED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_pad_top(&calendar_header, LV_STATE_NORMAL, LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_left(&calendar_header, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_right(&calendar_header, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_bottom(&calendar_header, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_text_color(&calendar_header, LV_STATE_PRESSED, LV_COLOR_WHITE);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&calendar_daynames);
|
|
|
|
|
lv_style_set_int(&calendar_daynames, LV_STYLE_PAD_LEFT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_daynames, LV_STYLE_PAD_RIGHT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_daynames, LV_STYLE_PAD_BOTTOM , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_left(&calendar_daynames, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_right(&calendar_daynames, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_bottom(&calendar_daynames, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&calendar_date_nums);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_RADIUS, LV_DPI / 50);
|
|
|
|
|
lv_style_set_color(&calendar_date_nums, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_CHECKED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_color(&calendar_date_nums, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_FOCUS, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_radius(&calendar_date_nums, LV_STATE_NORMAL, LV_DPI / 50);
|
|
|
|
|
lv_style_set_text_color(&calendar_date_nums, LV_STATE_CHECKED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&calendar_date_nums, LV_STATE_FOCUS, COLOR_ACCENT);
|
|
|
|
|
|
|
|
|
|
lv_style_set_opa(&calendar_date_nums, LV_STYLE_BG_OPA | LV_STYLE_STATE_CHECKED , LV_OPA_20);
|
|
|
|
|
lv_style_set_opa(&calendar_date_nums, LV_STYLE_BG_OPA | LV_STYLE_STATE_PRESSED , LV_OPA_20);
|
|
|
|
|
lv_style_set_opa(&calendar_date_nums, LV_STYLE_BG_OPA | LV_STYLE_STATE_PRESSED | LV_STYLE_STATE_CHECKED , LV_OPA_40);
|
|
|
|
|
lv_style_set_color(&calendar_date_nums, LV_STYLE_BG_COLOR | LV_STYLE_STATE_CHECKED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_BORDER_WIDTH | LV_STYLE_STATE_CHECKED , 2);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_BORDER_SIDE| LV_STYLE_STATE_CHECKED , LV_BORDER_SIDE_LEFT);
|
|
|
|
|
lv_style_set_color(&calendar_date_nums, LV_STYLE_BORDER_COLOR | LV_STYLE_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_PAD_INNER, LV_DPI / 30);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_PAD_LEFT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_PAD_RIGHT , LV_DPI / 7);
|
|
|
|
|
lv_style_set_int(&calendar_date_nums, LV_STYLE_PAD_BOTTOM , LV_DPI / 7);
|
|
|
|
|
lv_style_set_bg_opa(&calendar_date_nums, LV_STATE_CHECKED , LV_OPA_20);
|
|
|
|
|
lv_style_set_bg_opa(&calendar_date_nums, LV_STATE_PRESSED , LV_OPA_20);
|
|
|
|
|
lv_style_set_bg_opa(&calendar_date_nums, LV_STATE_PRESSED | LV_STATE_CHECKED , LV_OPA_40);
|
|
|
|
|
lv_style_set_bg_color(&calendar_date_nums, LV_STATE_CHECKED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_border_width(&calendar_date_nums, LV_STATE_CHECKED , 2);
|
|
|
|
|
lv_style_set_border_side(&calendar_date_nums, LV_STATE_CHECKED , LV_BORDER_SIDE_LEFT);
|
|
|
|
|
lv_style_set_border_color(&calendar_date_nums,LV_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_pad_inner(&calendar_date_nums, LV_STATE_NORMAL, LV_DPI / 30);
|
|
|
|
|
lv_style_set_pad_left(&calendar_date_nums, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_right(&calendar_date_nums, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
lv_style_set_pad_bottom(&calendar_date_nums, LV_STATE_NORMAL , LV_DPI / 7);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -551,22 +549,22 @@ static void cpicker_init(void)
|
|
|
|
|
#if LV_USE_CPICKER
|
|
|
|
|
|
|
|
|
|
lv_style_init(&cpicker_bg);
|
|
|
|
|
lv_style_set_scale_width(&cpicker_bg, LV_STYLE_STATE_NORMAL, LV_DPI / 4);
|
|
|
|
|
lv_style_set_bg_opa(&cpicker_bg, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&cpicker_bg, LV_STYLE_STATE_NORMAL, COLOR_SCREEN);
|
|
|
|
|
lv_style_set_pad_inner(&cpicker_bg, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_radius(&cpicker_bg, LV_STYLE_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_scale_width(&cpicker_bg, LV_STATE_NORMAL, LV_DPI / 4);
|
|
|
|
|
lv_style_set_bg_opa(&cpicker_bg, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&cpicker_bg, LV_STATE_NORMAL, COLOR_SCREEN);
|
|
|
|
|
lv_style_set_pad_inner(&cpicker_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_radius(&cpicker_bg, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&cpicker_indic);
|
|
|
|
|
lv_style_set_radius(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_color(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_bg_opa(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_width(&cpicker_indic, LV_STYLE_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_color(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_pad_left(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&cpicker_indic, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_radius(&cpicker_indic, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_color(&cpicker_indic, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_bg_opa(&cpicker_indic, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_width(&cpicker_indic, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_border_color(&cpicker_indic, LV_STATE_NORMAL, LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_pad_left(&cpicker_indic, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&cpicker_indic, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&cpicker_indic, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&cpicker_indic, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -574,20 +572,20 @@ static void cb_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_CB != 0
|
|
|
|
|
lv_style_init(&cb_bg);
|
|
|
|
|
lv_style_set_int(&cb_bg, LV_STYLE_PAD_INNER , LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&cb_bg, LV_STATE_NORMAL , LV_DPI / 10);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&cb_bullet);
|
|
|
|
|
lv_style_set_int(&cb_bullet, LV_STYLE_RADIUS, LV_DPI / 50);
|
|
|
|
|
lv_style_set_int(&cb_bullet, LV_STYLE_BORDER_WIDTH , 2);
|
|
|
|
|
lv_style_set_color(&cb_bullet, LV_STYLE_BORDER_COLOR , lv_color_hex(0x52555a));
|
|
|
|
|
lv_style_set_color(&cb_bullet, LV_STYLE_BORDER_COLOR | LV_STYLE_STATE_PRESSED , lv_color_darken(lv_color_hex(0x52555a), LV_OPA_30));
|
|
|
|
|
lv_style_set_color(&cb_bullet, LV_STYLE_BORDER_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_color(&cb_bullet, LV_STYLE_BORDER_COLOR | LV_STYLE_STATE_FOCUS | LV_STYLE_STATE_PRESSED, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_color(&cb_bullet, LV_STYLE_BG_COLOR, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_opa(&cb_bullet, LV_STYLE_BG_OPA | LV_STYLE_STATE_NORMAL , LV_OPA_TRANSP);
|
|
|
|
|
lv_style_set_opa(&cb_bullet, LV_STYLE_BG_OPA | LV_STYLE_STATE_CHECKED , LV_OPA_COVER);
|
|
|
|
|
lv_style_set_opa(&cb_bullet, LV_STYLE_BORDER_OPA | LV_STYLE_STATE_CHECKED , LV_OPA_80);
|
|
|
|
|
lv_style_set_int(&cb_bullet, LV_STYLE_TRANSITION_TIME , 1000);
|
|
|
|
|
lv_style_set_radius(&cb_bullet, LV_STATE_NORMAL, LV_DPI / 50);
|
|
|
|
|
lv_style_set_border_width(&cb_bullet, LV_STATE_NORMAL , 2);
|
|
|
|
|
lv_style_set_border_color(&cb_bullet, LV_STATE_NORMAL , lv_color_hex(0x52555a));
|
|
|
|
|
lv_style_set_border_color(&cb_bullet, LV_STATE_PRESSED , lv_color_darken(lv_color_hex(0x52555a), LV_OPA_30));
|
|
|
|
|
lv_style_set_border_color(&cb_bullet, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_border_color(&cb_bullet, LV_STATE_FOCUS | LV_STATE_PRESSED, LV_COLOR_LIME);
|
|
|
|
|
lv_style_set_bg_color(&cb_bullet, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_opa(&cb_bullet, LV_STATE_NORMAL , LV_OPA_TRANSP);
|
|
|
|
|
lv_style_set_bg_opa(&cb_bullet, LV_STATE_CHECKED , LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_opa(&cb_bullet, LV_STATE_CHECKED , LV_OPA_80);
|
|
|
|
|
lv_style_set_transition_time(&cb_bullet, LV_STATE_NORMAL , 1000);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -598,29 +596,29 @@ static void btnm_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_BTNM
|
|
|
|
|
lv_style_init(&btnm_bg);
|
|
|
|
|
lv_style_set_bg_opa(&btnm_bg, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_int(&btnm_bg, LV_STYLE_BORDER_WIDTH, LV_DPI / 50);
|
|
|
|
|
lv_style_set_color(&btnm_bg, LV_STYLE_BORDER_COLOR, lv_color_hex(0x373a3f));
|
|
|
|
|
lv_style_set_int(&btnm_bg, LV_STYLE_RADIUS, LV_DPI / 20);
|
|
|
|
|
lv_style_set_int(&btnm_bg, LV_STYLE_CLIP_CORNER, 1);
|
|
|
|
|
lv_style_set_int(&btnm_bg, LV_STYLE_BORDER_POST, 1);
|
|
|
|
|
lv_style_set_bg_color(&btnm_bg, LV_STYLE_STATE_NORMAL, COLOR_CONTAINER);
|
|
|
|
|
lv_style_set_border_color(&btnm_bg, LV_STYLE_STATE_FOCUS, lv_color_hex3(0xf66));
|
|
|
|
|
lv_style_set_bg_opa(&btnm_bg, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_width(&btnm_bg, LV_STATE_NORMAL, LV_DPI / 50);
|
|
|
|
|
lv_style_set_border_color(&btnm_bg, LV_STATE_NORMAL, lv_color_hex(0x373a3f));
|
|
|
|
|
lv_style_set_radius(&btnm_bg, LV_STATE_NORMAL, LV_DPI / 20);
|
|
|
|
|
lv_style_set_clip_corner(&btnm_bg, LV_STATE_NORMAL, true);
|
|
|
|
|
lv_style_set_border_post(&btnm_bg, LV_STATE_NORMAL, true);
|
|
|
|
|
lv_style_set_bg_color(&btnm_bg, LV_STATE_NORMAL, COLOR_CONTAINER);
|
|
|
|
|
lv_style_set_border_color(&btnm_bg, LV_STATE_FOCUS, lv_color_hex3(0xf66));
|
|
|
|
|
|
|
|
|
|
lv_style_init(&btnm_btn);
|
|
|
|
|
lv_style_set_int(&btnm_btn, LV_STYLE_BORDER_WIDTH, LV_DPI / 70 > 0? LV_DPI / 70 : 1);
|
|
|
|
|
lv_style_set_int(&btnm_btn, LV_STYLE_BORDER_SIDE, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_BORDER_COLOR, lv_color_hex(0x373a3f));
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_PRESSED, lv_color_hex3(0x666));
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_CHECKED | LV_STYLE_STATE_PRESSED, lv_color_darken(COLOR_ACCENT, LV_OPA_40));
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_TEXT_COLOR , LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_DISABLED , LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_color(&btnm_btn, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_opa(&btnm_btn, LV_STYLE_BG_OPA | LV_STYLE_STATE_CHECKED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_opa(&btnm_btn, LV_STYLE_BG_OPA | LV_STYLE_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_opa(&btnm_btn, LV_STYLE_BG_OPA | LV_STYLE_STATE_DISABLED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_width(&btnm_btn, LV_STATE_NORMAL, LV_DPI / 70 > 0? LV_DPI / 70 : 1);
|
|
|
|
|
lv_style_set_border_side(&btnm_btn, LV_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_border_color(&btnm_btn, LV_STATE_NORMAL, lv_color_hex(0x373a3f));
|
|
|
|
|
lv_style_set_bg_color(&btnm_btn, LV_STATE_PRESSED, lv_color_hex3(0x666));
|
|
|
|
|
lv_style_set_bg_color(&btnm_btn, LV_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_color(&btnm_btn, LV_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_bg_color(&btnm_btn, LV_STATE_CHECKED | LV_STATE_PRESSED, lv_color_darken(COLOR_ACCENT, LV_OPA_40));
|
|
|
|
|
lv_style_set_text_color(&btnm_btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_text_color(&btnm_btn, LV_STATE_DISABLED , LV_COLOR_GRAY);
|
|
|
|
|
lv_style_set_text_color(&btnm_btn, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_bg_opa(&btnm_btn, LV_STATE_CHECKED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_opa(&btnm_btn, LV_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_opa(&btnm_btn, LV_STATE_DISABLED, LV_OPA_COVER);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -630,11 +628,11 @@ static void kb_init(void)
|
|
|
|
|
#if LV_USE_KB
|
|
|
|
|
lv_style_init(&kb_bg);
|
|
|
|
|
lv_style_copy(&kb_bg, &panel);
|
|
|
|
|
lv_style_set_pad_inner(&kb_bg, LV_STYLE_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_left(&kb_bg, LV_STYLE_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_right(&kb_bg, LV_STYLE_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_top(&kb_bg, LV_STYLE_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_bottom(&kb_bg, LV_STYLE_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_inner(&kb_bg, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_left(&kb_bg, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_right(&kb_bg, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_top(&kb_bg, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
lv_style_set_pad_bottom(&kb_bg, LV_STATE_NORMAL, LV_DPI/20);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -650,12 +648,12 @@ static void page_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_PAGE
|
|
|
|
|
lv_style_init(&sb);
|
|
|
|
|
lv_style_set_opa(&sb, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&sb, LV_STYLE_BG_COLOR, lv_color_hex(0x3a3d42));
|
|
|
|
|
lv_style_set_int(&sb, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_int(&sb,LV_STYLE_SIZE, LV_DPI / 30);
|
|
|
|
|
lv_style_set_int(&sb,LV_STYLE_PAD_RIGHT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&sb,LV_STYLE_PAD_BOTTOM, LV_DPI / 10);
|
|
|
|
|
lv_style_set_bg_opa(&sb, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&sb, LV_STATE_NORMAL, lv_color_hex(0x3a3d42));
|
|
|
|
|
lv_style_set_radius(&sb, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_size(&sb,LV_STATE_NORMAL, LV_DPI / 30);
|
|
|
|
|
lv_style_set_pad_right(&sb,LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&sb,LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -664,23 +662,23 @@ static void ta_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_TA
|
|
|
|
|
lv_style_init(&ta_cursor);
|
|
|
|
|
lv_style_set_color(&ta_cursor, LV_STYLE_BORDER_COLOR, lv_color_hex(0x6c737b));
|
|
|
|
|
lv_style_set_int(&ta_cursor, LV_STYLE_BORDER_WIDTH, 2);
|
|
|
|
|
lv_style_set_int(&ta_cursor, LV_STYLE_PAD_LEFT, 1);
|
|
|
|
|
lv_style_set_int(&ta_cursor, LV_STYLE_BORDER_SIDE, LV_BORDER_SIDE_LEFT);
|
|
|
|
|
lv_style_set_border_color(&ta_cursor, LV_STATE_NORMAL, lv_color_hex(0x6c737b));
|
|
|
|
|
lv_style_set_border_width(&ta_cursor, LV_STATE_NORMAL, 2);
|
|
|
|
|
lv_style_set_pad_left(&ta_cursor, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_border_side(&ta_cursor, LV_STATE_NORMAL, LV_BORDER_SIDE_LEFT);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&ta_oneline);
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_BORDER_WIDTH, 1);
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_color(&ta_oneline, LV_STYLE_BORDER_COLOR, lv_color_hex(0x3b3e43));
|
|
|
|
|
lv_style_set_color(&ta_oneline, LV_STYLE_TEXT_COLOR, lv_color_hex(0x6c737b));
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_PAD_LEFT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_PAD_RIGHT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_PAD_TOP, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&ta_oneline, LV_STYLE_PAD_BOTTOM, LV_DPI / 10);
|
|
|
|
|
lv_style_set_border_width(&ta_oneline, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_radius(&ta_oneline, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_border_color(&ta_oneline, LV_STATE_NORMAL, lv_color_hex(0x3b3e43));
|
|
|
|
|
lv_style_set_text_color(&ta_oneline, LV_STATE_NORMAL, lv_color_hex(0x6c737b));
|
|
|
|
|
lv_style_set_pad_left(&ta_oneline, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&ta_oneline, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&ta_oneline, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&ta_oneline, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&ta_placeholder);
|
|
|
|
|
lv_style_set_color(&ta_placeholder, LV_STYLE_TEXT_COLOR, lv_color_hex(0x3b3e43));
|
|
|
|
|
lv_style_set_text_color(&ta_placeholder, LV_STATE_NORMAL, lv_color_hex(0x3b3e43));
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -695,35 +693,35 @@ static void list_init(void)
|
|
|
|
|
#if LV_USE_LIST != 0
|
|
|
|
|
lv_style_init(&list_bg);
|
|
|
|
|
lv_style_copy(&list_bg, &panel);
|
|
|
|
|
lv_style_set_int(&list_bg, LV_STYLE_PAD_LEFT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_bg, LV_STYLE_PAD_RIGHT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_bg, LV_STYLE_PAD_TOP, 0);
|
|
|
|
|
lv_style_set_int(&list_bg, LV_STYLE_PAD_BOTTOM, 0);
|
|
|
|
|
lv_style_set_int(&list_bg, LV_STYLE_PAD_INNER, 0);
|
|
|
|
|
lv_style_set_pad_left(&list_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&list_bg, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&list_bg, LV_STATE_NORMAL, 0);
|
|
|
|
|
lv_style_set_pad_bottom(&list_bg, LV_STATE_NORMAL, 0);
|
|
|
|
|
lv_style_set_pad_inner(&list_bg, LV_STATE_NORMAL, 0);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&list_btn);
|
|
|
|
|
lv_style_set_opa(&list_btn, LV_STYLE_BG_OPA| LV_STYLE_STATE_PRESSED, LV_OPA_20);
|
|
|
|
|
lv_style_set_opa(&list_btn, LV_STYLE_BG_OPA, LV_OPA_TRANSP);
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_PRESSED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_BG_COLOR | LV_STYLE_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_TEXT_COLOR, lv_color_hex(0xffffff));
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_TEXT_COLOR| LV_STYLE_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_TEXT_COLOR| LV_STYLE_STATE_DISABLED, lv_color_hex(0x686b70));
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_TEXT_COLOR| LV_STYLE_STATE_FOCUS, lv_color_hex(0xff0000));
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_TEXT_COLOR| LV_STYLE_STATE_FOCUS| LV_STYLE_STATE_PRESSED, lv_color_hex(0xffff00));
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_IMAGE_RECOLOR, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_IMAGE_RECOLOR| LV_STYLE_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_opa(&list_btn, LV_STYLE_BORDER_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_BORDER_WIDTH, 1);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_BORDER_SIDE, LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_color(&list_btn, LV_STYLE_BORDER_COLOR, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_bg_opa(&list_btn, LV_STATE_PRESSED, LV_OPA_20);
|
|
|
|
|
lv_style_set_bg_opa(&list_btn, LV_STATE_NORMAL, LV_OPA_TRANSP);
|
|
|
|
|
lv_style_set_bg_color(&list_btn, LV_STATE_PRESSED, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_bg_color(&list_btn, LV_STATE_DISABLED, COLOR_DISABLED);
|
|
|
|
|
lv_style_set_text_color(&list_btn, LV_STATE_NORMAL, lv_color_hex(0xffffff));
|
|
|
|
|
lv_style_set_text_color(&list_btn, LV_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_text_color(&list_btn, LV_STATE_DISABLED, lv_color_hex(0x686b70));
|
|
|
|
|
lv_style_set_text_color(&list_btn, LV_STATE_FOCUS, lv_color_hex(0xff0000));
|
|
|
|
|
lv_style_set_text_color(&list_btn, LV_STATE_FOCUS| LV_STATE_PRESSED, lv_color_hex(0xffff00));
|
|
|
|
|
lv_style_set_image_recolor(&list_btn, LV_STATE_NORMAL, LV_COLOR_WHITE);
|
|
|
|
|
lv_style_set_image_recolor(&list_btn, LV_STATE_PRESSED, lv_color_darken(lv_color_hex(0xffffff), LV_OPA_20));
|
|
|
|
|
lv_style_set_border_opa(&list_btn, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_border_width(&list_btn, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_border_side(&list_btn, LV_STATE_NORMAL, LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_border_color(&list_btn, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_PAD_LEFT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_PAD_RIGHT, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_PAD_TOP, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_PAD_BOTTOM, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_PAD_INNER, LV_DPI / 10);
|
|
|
|
|
lv_style_set_int(&list_btn, LV_STYLE_TRANSITION_TIME, 500);
|
|
|
|
|
lv_style_set_pad_left(&list_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_right(&list_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_top(&list_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&list_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_inner(&list_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_transition_time(&list_btn, LV_STATE_NORMAL, 500);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
@ -734,26 +732,26 @@ static void ddlist_init(void)
|
|
|
|
|
|
|
|
|
|
lv_style_init(&ddlist_btn);
|
|
|
|
|
lv_style_copy(&ddlist_btn, &panel);
|
|
|
|
|
lv_style_set_border_side(&ddlist_btn, LV_STYLE_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_btn, LV_STYLE_STATE_PRESSED, lv_color_hex3(0x666));
|
|
|
|
|
lv_style_set_pad_top(&ddlist_btn, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&ddlist_btn, LV_STYLE_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_border_side(&ddlist_btn, LV_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_btn, LV_STATE_PRESSED, lv_color_hex3(0x666));
|
|
|
|
|
lv_style_set_pad_top(&ddlist_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
lv_style_set_pad_bottom(&ddlist_btn, LV_STATE_NORMAL, LV_DPI / 10);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&ddlist_page);
|
|
|
|
|
lv_style_copy(&ddlist_page, &panel);
|
|
|
|
|
lv_style_set_border_side(&ddlist_page, LV_STYLE_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_page, LV_STYLE_STATE_NORMAL, lv_color_hex3(0xeee));
|
|
|
|
|
lv_style_set_text_color(&ddlist_page, LV_STYLE_STATE_NORMAL, lv_color_hex3(0x333));
|
|
|
|
|
lv_style_set_text_line_space(&ddlist_page, LV_STYLE_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_border_post(&ddlist_page, LV_STYLE_STATE_NORMAL, true);
|
|
|
|
|
lv_style_set_border_side(&ddlist_page, LV_STATE_NORMAL, LV_BORDER_SIDE_FULL);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_page, LV_STATE_NORMAL, lv_color_hex3(0xeee));
|
|
|
|
|
lv_style_set_text_color(&ddlist_page, LV_STATE_NORMAL, lv_color_hex3(0x333));
|
|
|
|
|
lv_style_set_text_line_space(&ddlist_page, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_border_post(&ddlist_page, LV_STATE_NORMAL, true);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&ddlist_sel);
|
|
|
|
|
lv_style_set_bg_opa(&ddlist_sel, LV_STYLE_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_sel, LV_STYLE_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_bg_opa(&ddlist_sel, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_sel, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
|
|
|
|
|
lv_style_set_bg_color(&ddlist_sel, LV_STYLE_STATE_PRESSED, LV_COLOR_SILVER);
|
|
|
|
|
lv_style_set_bg_color(&ddlist_sel, LV_STATE_PRESSED, LV_COLOR_SILVER);
|
|
|
|
|
|
|
|
|
|
lv_style_set_text_color(&ddlist_sel, LV_STYLE_STATE_NORMAL, lv_color_hex3(0x333));
|
|
|
|
|
lv_style_set_text_color(&ddlist_sel, LV_STATE_NORMAL, lv_color_hex3(0x333));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -771,37 +769,37 @@ static void tabview_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_TABVIEW != 0
|
|
|
|
|
lv_style_init(&tabview_btns_bg);
|
|
|
|
|
lv_style_set_opa(&tabview_btns_bg, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&tabview_btns_bg, LV_STYLE_BG_COLOR, COLOR_CONTAINER);
|
|
|
|
|
lv_style_set_color(&tabview_btns_bg, LV_STYLE_BORDER_COLOR, lv_color_lighten(COLOR_CONTAINER, LV_OPA_10));
|
|
|
|
|
lv_style_set_int(&tabview_btns_bg, LV_STYLE_BORDER_WIDTH, LV_DPI / 30 > 0 ? LV_DPI / 30 : 1);
|
|
|
|
|
lv_style_set_int(&tabview_btns_bg, LV_STYLE_BORDER_SIDE , LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_color(&tabview_btns_bg, LV_STYLE_TEXT_COLOR, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_ptr(&tabview_btns_bg, LV_STYLE_TEXT_FONT, &lv_font_roboto_16);
|
|
|
|
|
lv_style_set_color(&tabview_btns_bg, LV_STYLE_IMAGE_RECOLOR, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_bg_opa(&tabview_btns_bg, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&tabview_btns_bg, LV_STATE_NORMAL, COLOR_CONTAINER);
|
|
|
|
|
lv_style_set_border_color(&tabview_btns_bg, LV_STATE_NORMAL, lv_color_lighten(COLOR_CONTAINER, LV_OPA_10));
|
|
|
|
|
lv_style_set_border_width(&tabview_btns_bg, LV_STATE_NORMAL, LV_DPI / 30 > 0 ? LV_DPI / 30 : 1);
|
|
|
|
|
lv_style_set_border_side(&tabview_btns_bg, LV_STATE_NORMAL , LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_text_color(&tabview_btns_bg, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
lv_style_set_font(&tabview_btns_bg, LV_STATE_NORMAL, &lv_font_roboto_16);
|
|
|
|
|
lv_style_set_image_recolor(&tabview_btns_bg, LV_STATE_NORMAL, lv_color_hex(0x979a9f));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_init(&tabview_btns);
|
|
|
|
|
lv_style_set_opa(&tabview_btns, LV_STYLE_BG_OPA | LV_STYLE_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&tabview_btns, LV_STYLE_BG_COLOR | LV_STYLE_STATE_PRESSED, lv_color_hex(0x444444));
|
|
|
|
|
lv_style_set_color(&tabview_btns, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_color(&tabview_btns, LV_STYLE_TEXT_COLOR | LV_STYLE_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_int(&tabview_btns, LV_STYLE_PAD_TOP, LV_DPI / 5);
|
|
|
|
|
lv_style_set_int(&tabview_btns, LV_STYLE_PAD_BOTTOM, LV_DPI / 5);
|
|
|
|
|
lv_style_set_bg_opa(&tabview_btns, LV_STATE_PRESSED, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&tabview_btns, LV_STATE_PRESSED, lv_color_hex(0x444444));
|
|
|
|
|
lv_style_set_text_color(&tabview_btns, LV_STATE_CHECKED, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_text_color(&tabview_btns, LV_STATE_FOCUS, LV_COLOR_RED);
|
|
|
|
|
lv_style_set_pad_top(&tabview_btns, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_bottom(&tabview_btns, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
|
|
|
|
|
lv_style_init(&tabview_indic);
|
|
|
|
|
lv_style_set_opa(&tabview_indic, LV_STYLE_BG_OPA, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_color(&tabview_indic, LV_STYLE_BG_COLOR, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_int(&tabview_indic, LV_STYLE_SIZE, LV_DPI / 20 > 0 ? LV_DPI / 20 : 1);
|
|
|
|
|
lv_style_set_int(&tabview_indic, LV_STYLE_RADIUS, LV_RADIUS_CIRCLE);
|
|
|
|
|
lv_style_set_bg_opa(&tabview_indic, LV_STATE_NORMAL, LV_OPA_COVER);
|
|
|
|
|
lv_style_set_bg_color(&tabview_indic, LV_STATE_NORMAL, COLOR_ACCENT);
|
|
|
|
|
lv_style_set_size(&tabview_indic, LV_STATE_NORMAL, LV_DPI / 20 > 0 ? LV_DPI / 20 : 1);
|
|
|
|
|
lv_style_set_radius(&tabview_indic, LV_STATE_NORMAL, LV_RADIUS_CIRCLE);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_init(&tabview_page_scrl);
|
|
|
|
|
lv_style_set_int(&tabview_page_scrl, LV_STYLE_PAD_TOP, LV_DPI / 5);
|
|
|
|
|
lv_style_set_int(&tabview_page_scrl, LV_STYLE_PAD_BOTTOM, LV_DPI / 5);
|
|
|
|
|
lv_style_set_int(&tabview_page_scrl, LV_STYLE_PAD_LEFT, LV_DPI / 3);
|
|
|
|
|
lv_style_set_int(&tabview_page_scrl, LV_STYLE_PAD_RIGHT, LV_DPI / 3);
|
|
|
|
|
lv_style_set_int(&tabview_page_scrl, LV_STYLE_PAD_INNER, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_top(&tabview_page_scrl, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_bottom(&tabview_page_scrl, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
lv_style_set_pad_left(&tabview_page_scrl, LV_STATE_NORMAL, LV_DPI / 3);
|
|
|
|
|
lv_style_set_pad_right(&tabview_page_scrl, LV_STATE_NORMAL, LV_DPI / 3);
|
|
|
|
|
lv_style_set_pad_inner(&tabview_page_scrl, LV_STATE_NORMAL, LV_DPI / 5);
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -815,13 +813,13 @@ static void table_init(void)
|
|
|
|
|
{
|
|
|
|
|
#if LV_USE_TABLE != 0
|
|
|
|
|
lv_style_init(&table_cell);
|
|
|
|
|
lv_style_set_color(&table_cell, LV_STYLE_BORDER_COLOR, lv_color_hex(0x303338));
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_BORDER_WIDTH, 1);
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_BORDER_SIDE, LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_PAD_LEFT, LV_DPI/7);
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_PAD_RIGHT, LV_DPI/7);
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_PAD_TOP, LV_DPI/7);
|
|
|
|
|
lv_style_set_int(&table_cell, LV_STYLE_PAD_BOTTOM, LV_DPI/7);
|
|
|
|
|
lv_style_set_border_color(&table_cell, LV_STATE_NORMAL, lv_color_hex(0x303338));
|
|
|
|
|
lv_style_set_border_width(&table_cell, LV_STATE_NORMAL, 1);
|
|
|
|
|
lv_style_set_border_side(&table_cell, LV_STATE_NORMAL, LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_BOTTOM);
|
|
|
|
|
lv_style_set_pad_left(&table_cell, LV_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
lv_style_set_pad_right(&table_cell, LV_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
lv_style_set_pad_top(&table_cell, LV_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
lv_style_set_pad_bottom(&table_cell, LV_STATE_NORMAL, LV_DPI/7);
|
|
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|
}
|
|
|
|
|