2017-12-18 03:11:28 +08:00
|
|
|
/**
|
|
|
|
* @file lv_theme_material.c
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*********************
|
|
|
|
* INCLUDES
|
|
|
|
*********************/
|
|
|
|
#include "lv_theme.h"
|
|
|
|
|
|
|
|
|
|
|
|
#if USE_LV_THEME_MATERIAL
|
|
|
|
|
|
|
|
/*********************
|
|
|
|
* DEFINES
|
|
|
|
*********************/
|
2017-12-22 22:37:24 +08:00
|
|
|
#define DEF_RADIUS 4
|
2018-02-24 22:36:19 +08:00
|
|
|
#define DEF_SHADOW_COLOR LV_COLOR_HEX3(0xaaa)
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
/**********************
|
|
|
|
* TYPEDEFS
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* STATIC PROTOTYPES
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* STATIC VARIABLES
|
|
|
|
**********************/
|
|
|
|
static lv_theme_t theme;
|
|
|
|
static lv_style_t def;
|
|
|
|
|
|
|
|
/*Static style definitions*/
|
|
|
|
static lv_style_t sb;
|
|
|
|
|
|
|
|
/*Saved input parameters*/
|
|
|
|
static uint16_t _hue;
|
|
|
|
static lv_font_t * _font;
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* MACROS
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* STATIC FUNCTIONS
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
static void basic_init(void)
|
|
|
|
{
|
|
|
|
lv_style_copy(&def, &lv_style_plain); /*Initialize the default style*/
|
|
|
|
def.text.font = _font;
|
2017-12-22 22:37:24 +08:00
|
|
|
def.body.radius = DEF_RADIUS;
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
static lv_style_t bg, panel;
|
|
|
|
lv_style_copy(&bg, &def);
|
2017-12-22 22:37:24 +08:00
|
|
|
bg.body.main_color = LV_COLOR_HEX(0xf0f0f0);
|
2017-12-18 03:11:28 +08:00
|
|
|
bg.body.grad_color = bg.body.main_color;
|
2017-12-22 22:37:24 +08:00
|
|
|
bg.body.radius = 0;
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
lv_style_copy(&panel, &def);
|
2017-12-22 22:37:24 +08:00
|
|
|
panel.body.radius = DEF_RADIUS;
|
2017-12-18 03:11:28 +08:00
|
|
|
panel.body.main_color = LV_COLOR_WHITE;
|
|
|
|
panel.body.grad_color = LV_COLOR_WHITE;
|
|
|
|
panel.body.border.width = 1;
|
2017-12-20 05:00:32 +08:00
|
|
|
panel.body.border.color = LV_COLOR_HEX3(0xbbb);
|
2017-12-18 03:11:28 +08:00
|
|
|
panel.body.border.opa = LV_OPA_COVER;
|
|
|
|
panel.body.shadow.color = DEF_SHADOW_COLOR;
|
2017-12-20 05:00:32 +08:00
|
|
|
panel.body.shadow.type = LV_SHADOW_BOTTOM;
|
2017-12-18 03:11:28 +08:00
|
|
|
panel.body.shadow.width = 4;
|
|
|
|
panel.body.padding.hor = LV_DPI / 8;
|
|
|
|
panel.body.padding.ver = LV_DPI / 8;
|
|
|
|
panel.body.padding.inner = LV_DPI / 12;
|
|
|
|
panel.text.color = LV_COLOR_HEX3(0x333);
|
|
|
|
|
|
|
|
lv_style_copy(&sb, &def);
|
|
|
|
sb.body.main_color = LV_COLOR_BLACK;
|
|
|
|
sb.body.grad_color = LV_COLOR_BLACK;
|
|
|
|
sb.body.opa = LV_OPA_40;
|
2018-09-14 04:50:05 +08:00
|
|
|
sb.body.padding.hor = LV_DPI / 25;
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
theme.bg = &bg;
|
|
|
|
theme.panel = &panel;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
static void cont_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_CONT != 0
|
|
|
|
|
|
|
|
|
|
|
|
theme.cont = theme.panel;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void btn_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_BTN != 0
|
|
|
|
static lv_style_t rel, pr, tgl_rel, tgl_pr, ina;
|
|
|
|
|
|
|
|
lv_style_copy(&rel, &def);
|
2017-12-20 05:00:32 +08:00
|
|
|
rel.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
rel.body.grad_color = rel.body.main_color;
|
|
|
|
rel.body.radius = DEF_RADIUS;
|
|
|
|
rel.body.padding.hor = LV_DPI / 6;
|
|
|
|
rel.body.padding.ver = LV_DPI / 8;
|
|
|
|
rel.body.padding.inner = LV_DPI / 10;
|
|
|
|
rel.body.shadow.color = DEF_SHADOW_COLOR;
|
|
|
|
rel.body.shadow.type = LV_SHADOW_BOTTOM;
|
|
|
|
rel.body.shadow.width = 6;
|
|
|
|
rel.text.color = lv_color_hsv_to_rgb(_hue, 5, 95);
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&pr, &rel);
|
2017-12-20 05:00:32 +08:00
|
|
|
pr.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 60);
|
2017-12-18 03:11:28 +08:00
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.shadow.width = 4;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_rel, &rel);
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 95, 50);
|
2017-12-18 03:11:28 +08:00
|
|
|
tgl_rel.body.grad_color = tgl_rel.body.main_color;
|
|
|
|
tgl_rel.body.shadow.width = 4;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_pr, &tgl_rel);
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 95, 40);
|
2017-12-18 03:11:28 +08:00
|
|
|
tgl_pr.body.grad_color = tgl_pr.body.main_color;
|
|
|
|
tgl_pr.body.shadow.width = 2;
|
|
|
|
|
|
|
|
lv_style_copy(&ina, &rel);
|
|
|
|
ina.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
ina.body.grad_color = ina.body.main_color;
|
|
|
|
ina.body.shadow.width = 0;
|
|
|
|
ina.text.color = lv_color_hsv_to_rgb(_hue, 95, 5);
|
|
|
|
|
|
|
|
theme.btn.rel = &rel;
|
|
|
|
theme.btn.pr = ≺
|
|
|
|
theme.btn.tgl_rel = &tgl_rel;
|
|
|
|
theme.btn.tgl_pr = &tgl_pr;
|
|
|
|
theme.btn.ina = &ina;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
static void label_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_LABEL != 0
|
|
|
|
static lv_style_t prim, sec, hint;
|
|
|
|
|
|
|
|
lv_style_copy(&prim, &def);
|
|
|
|
prim.text.font = _font;
|
|
|
|
prim.text.color = lv_color_hsv_to_rgb(_hue, 80, 10);
|
|
|
|
|
|
|
|
lv_style_copy(&sec, &prim);
|
|
|
|
sec.text.color = lv_color_hsv_to_rgb(_hue, 80, 75);
|
|
|
|
|
|
|
|
lv_style_copy(&hint, &prim);
|
|
|
|
hint.text.color = lv_color_hsv_to_rgb(_hue, 40, 90);
|
|
|
|
|
|
|
|
theme.label.prim = &prim;
|
|
|
|
theme.label.sec = &sec;
|
|
|
|
theme.label.hint = &hint;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void img_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_IMG != 0
|
|
|
|
static lv_style_t img_light, img_dark;
|
|
|
|
lv_style_copy(&img_light, &def);
|
|
|
|
img_light.image.color = lv_color_hsv_to_rgb(_hue, 15, 85);
|
|
|
|
img_light.image.intense = LV_OPA_80;
|
|
|
|
|
|
|
|
lv_style_copy(&img_dark, &def);
|
|
|
|
img_light.image.color = lv_color_hsv_to_rgb(_hue, 85, 65);
|
|
|
|
img_light.image.intense = LV_OPA_80;
|
|
|
|
|
|
|
|
|
|
|
|
theme.img.light = &def;
|
|
|
|
theme.img.dark = &def;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void line_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_LINE != 0
|
|
|
|
|
|
|
|
|
|
|
|
theme.line.decor = &def;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void led_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_LED != 0
|
|
|
|
static lv_style_t led;
|
|
|
|
lv_style_copy(&led, &def);
|
|
|
|
led.body.shadow.width = LV_DPI / 10;
|
|
|
|
led.body.radius = LV_RADIUS_CIRCLE;
|
2018-06-19 15:49:58 +08:00
|
|
|
led.body.border.width = LV_DPI / 30;
|
2017-12-18 03:11:28 +08:00
|
|
|
led.body.border.opa = LV_OPA_30;
|
|
|
|
led.body.main_color = lv_color_hsv_to_rgb(_hue, 100, 100);
|
|
|
|
led.body.grad_color = lv_color_hsv_to_rgb(_hue, 100, 100);
|
|
|
|
led.body.border.color = lv_color_hsv_to_rgb(_hue, 60, 60);
|
|
|
|
led.body.shadow.color = lv_color_hsv_to_rgb(_hue, 100, 100);
|
|
|
|
|
|
|
|
|
|
|
|
theme.led = &led;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void bar_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_BAR
|
|
|
|
static lv_style_t bar_bg, bar_indic;
|
|
|
|
|
|
|
|
lv_style_copy(&bar_bg, &def);
|
|
|
|
bar_bg.body.main_color = lv_color_hsv_to_rgb(_hue, 15, 95);
|
|
|
|
bar_bg.body.grad_color = bar_bg.body.main_color;
|
|
|
|
bar_bg.body.radius = 3;
|
|
|
|
bar_bg.body.border.width = 0;
|
|
|
|
bar_bg.body.padding.hor = LV_DPI / 12;
|
|
|
|
bar_bg.body.padding.ver = LV_DPI / 12;
|
|
|
|
|
|
|
|
lv_style_copy(&bar_indic, &bar_bg);
|
2017-12-20 05:00:32 +08:00
|
|
|
bar_indic.body.main_color = lv_color_hsv_to_rgb(_hue, 85, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
bar_indic.body.grad_color = bar_indic.body.main_color;
|
|
|
|
bar_indic.body.padding.hor = 0;
|
|
|
|
bar_indic.body.padding.ver = 0;
|
|
|
|
|
|
|
|
theme.bar.bg = &bar_bg;
|
|
|
|
theme.bar.indic = &bar_indic;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void slider_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_SLIDER != 0
|
|
|
|
static lv_style_t knob;
|
|
|
|
|
|
|
|
lv_style_copy(&knob, &def);
|
|
|
|
knob.body.radius = LV_RADIUS_CIRCLE;
|
|
|
|
knob.body.border.width = 0;
|
|
|
|
knob.body.main_color = theme.bar.indic->body.main_color;
|
|
|
|
knob.body.grad_color = knob.body.main_color;
|
|
|
|
|
|
|
|
theme.slider.bg = theme.bar.bg;
|
|
|
|
theme.slider.indic = theme.bar.indic;
|
|
|
|
theme.slider.knob = &knob;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void sw_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_SW != 0
|
|
|
|
static lv_style_t sw_bg, sw_indic, sw_knob_off, sw_knob_on;
|
|
|
|
lv_style_copy(&sw_bg, theme.slider.bg);
|
|
|
|
sw_bg.body.radius = LV_RADIUS_CIRCLE;
|
|
|
|
|
|
|
|
lv_style_copy(&sw_indic, theme.slider.bg);
|
|
|
|
sw_indic.body.radius = LV_RADIUS_CIRCLE;
|
|
|
|
|
|
|
|
lv_style_copy(&sw_knob_on, theme.slider.knob);
|
2018-02-24 22:36:19 +08:00
|
|
|
sw_knob_on.body.shadow.width = 3;
|
2017-12-18 03:11:28 +08:00
|
|
|
sw_knob_on.body.shadow.type = LV_SHADOW_BOTTOM;
|
|
|
|
sw_knob_on.body.shadow.color = DEF_SHADOW_COLOR;
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&sw_knob_off, &sw_knob_on);
|
|
|
|
sw_knob_off.body.main_color = LV_COLOR_HEX(0xfafafa);
|
|
|
|
sw_knob_off.body.grad_color = sw_knob_off.body.main_color;
|
|
|
|
sw_knob_off.body.border.width = 1;
|
|
|
|
sw_knob_off.body.border.color = LV_COLOR_HEX3(0x999);
|
|
|
|
sw_knob_off.body.border.opa = LV_OPA_COVER;
|
|
|
|
|
|
|
|
theme.sw.bg = &sw_bg;
|
|
|
|
theme.sw.indic = &sw_indic;
|
|
|
|
theme.sw.knob_off = &sw_knob_off;
|
|
|
|
theme.sw.knob_on = &sw_knob_on;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
static void lmeter_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_LMETER != 0
|
|
|
|
static lv_style_t lmeter;
|
|
|
|
lv_style_copy(&lmeter, &def);
|
|
|
|
lmeter.body.main_color = lv_color_hsv_to_rgb(_hue, 75, 90);
|
|
|
|
lmeter.body.grad_color = lmeter.body.main_color;
|
|
|
|
lmeter.body.padding.hor = LV_DPI / 10; /*Scale line length*/
|
|
|
|
lmeter.line.color = LV_COLOR_HEX3(0x999);
|
2018-09-13 05:34:23 +08:00
|
|
|
lmeter.line.width = 2;
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
theme.lmeter = &lmeter;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void gauge_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_GAUGE != 0
|
|
|
|
|
|
|
|
static lv_style_t gauge;
|
|
|
|
lv_style_copy(&gauge, &def);
|
2017-12-20 05:00:32 +08:00
|
|
|
gauge.body.main_color = lv_color_hsv_to_rgb(_hue, 10, 60);
|
|
|
|
gauge.body.grad_color = gauge.body.main_color;
|
2017-12-18 03:11:28 +08:00
|
|
|
gauge.body.padding.hor = LV_DPI / 16; /*Scale line length*/
|
|
|
|
gauge.body.padding.inner = LV_DPI / 8;
|
|
|
|
gauge.body.border.color = LV_COLOR_HEX3(0x999);
|
|
|
|
gauge.text.color = LV_COLOR_HEX3(0x333);
|
|
|
|
gauge.line.width = 3;
|
2017-12-20 05:00:32 +08:00
|
|
|
gauge.line.color = lv_color_hsv_to_rgb(_hue, 95, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
theme.gauge = &gauge;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2018-09-21 04:14:33 +08:00
|
|
|
static void arc_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_ARC != 0
|
|
|
|
|
|
|
|
static lv_style_t arc;
|
|
|
|
lv_style_copy(&arc, &def);
|
|
|
|
arc.line.width = 10;
|
|
|
|
arc.line.color = lv_color_hsv_to_rgb(_hue, 90, 90);
|
2018-09-21 04:47:32 +08:00
|
|
|
|
|
|
|
/*For prelaoder*/
|
2018-09-21 04:14:33 +08:00
|
|
|
arc.body.border.width = 10;
|
|
|
|
arc.body.border.color = lv_color_hsv_to_rgb(_hue, 30, 90);
|
2018-09-21 04:47:32 +08:00
|
|
|
arc.body.padding.hor = 0;
|
|
|
|
arc.body.padding.ver = 0;
|
2018-09-21 04:14:33 +08:00
|
|
|
|
|
|
|
theme.arc = &arc;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void preload_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_PRELOAD != 0
|
|
|
|
|
|
|
|
theme.preload = theme.arc;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2017-12-18 03:11:28 +08:00
|
|
|
static void chart_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_CHART
|
|
|
|
theme.chart = theme.panel;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2018-09-13 05:34:23 +08:00
|
|
|
static void calendar_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_CALENDAR
|
|
|
|
static lv_style_t ina_days;
|
|
|
|
lv_style_copy(&ina_days, &def);
|
|
|
|
ina_days.text.color = lv_color_hsv_to_rgb(_hue, 0, 70);
|
|
|
|
|
|
|
|
static lv_style_t high_days;
|
|
|
|
lv_style_copy(&high_days, &def);
|
|
|
|
high_days.text.color = lv_color_hsv_to_rgb(_hue, 80, 90);
|
|
|
|
|
|
|
|
static lv_style_t week_box;
|
|
|
|
lv_style_copy(&week_box, &def);
|
|
|
|
week_box.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 100);
|
|
|
|
week_box.body.grad_color = lv_color_hsv_to_rgb(_hue, 40, 100);
|
|
|
|
week_box.body.padding.ver = LV_DPI / 20;
|
|
|
|
week_box.body.padding.hor = theme.panel->body.padding.hor;
|
|
|
|
week_box.body.border.color = theme.panel->body.border.color;
|
|
|
|
week_box.body.border.width = theme.panel->body.border.width;
|
|
|
|
week_box.body.border.part = LV_BORDER_LEFT | LV_BORDER_RIGHT;
|
|
|
|
week_box.body.radius = 0;
|
|
|
|
|
|
|
|
static lv_style_t today_box;
|
|
|
|
lv_style_copy(&today_box, &def);
|
|
|
|
today_box.body.main_color = LV_COLOR_WHITE;
|
|
|
|
today_box.body.grad_color = LV_COLOR_WHITE;
|
|
|
|
today_box.body.padding.ver = LV_DPI / 20;
|
|
|
|
today_box.body.radius = 0;
|
|
|
|
|
|
|
|
theme.calendar.bg = theme.panel;
|
|
|
|
theme.calendar.header = &lv_style_transp;
|
|
|
|
theme.calendar.inactive_days = &ina_days;
|
|
|
|
theme.calendar.highlighted_days = &high_days;
|
|
|
|
theme.calendar.week_box = &week_box;
|
|
|
|
theme.calendar.today_box = &today_box;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2017-12-18 03:11:28 +08:00
|
|
|
static void cb_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_CB != 0
|
|
|
|
static lv_style_t rel, pr, tgl_rel, tgl_pr, ina;
|
2018-06-19 15:49:58 +08:00
|
|
|
lv_style_copy(&rel, theme.panel);
|
2017-12-18 03:11:28 +08:00
|
|
|
rel.body.shadow.type = LV_SHADOW_BOTTOM;
|
2018-02-24 22:36:19 +08:00
|
|
|
rel.body.shadow.width = 3;
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
lv_style_copy(&pr, &rel);
|
|
|
|
pr.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.shadow.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_rel, &rel);
|
|
|
|
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 75, 85);
|
|
|
|
tgl_rel.body.grad_color = tgl_rel.body.main_color;
|
|
|
|
tgl_rel.body.shadow.type = LV_SHADOW_FULL;
|
|
|
|
tgl_rel.body.shadow.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_pr, &tgl_rel);
|
|
|
|
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 75, 65);
|
|
|
|
tgl_pr.body.grad_color = tgl_pr.body.main_color;
|
|
|
|
tgl_pr.body.shadow.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&ina, theme.btn.ina);
|
|
|
|
|
|
|
|
theme.cb.bg = &lv_style_transp;
|
|
|
|
theme.cb.box.rel = &rel;
|
|
|
|
theme.cb.box.pr = ≺
|
|
|
|
theme.cb.box.tgl_rel = &tgl_rel;
|
|
|
|
theme.cb.box.tgl_pr = &tgl_pr;
|
|
|
|
theme.cb.box.ina = &ina;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
static void btnm_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_BTNM
|
|
|
|
static lv_style_t bg, rel, pr, tgl_rel, tgl_pr, ina;
|
|
|
|
|
2018-06-19 15:49:58 +08:00
|
|
|
lv_style_copy(&bg, theme.panel);
|
2017-12-18 03:11:28 +08:00
|
|
|
bg.body.padding.hor = 0;
|
|
|
|
bg.body.padding.ver = 0;
|
|
|
|
bg.body.padding.inner = 0;
|
|
|
|
bg.text.color = LV_COLOR_HEX3(0x555);
|
|
|
|
|
2018-06-19 15:49:58 +08:00
|
|
|
lv_style_copy(&rel, theme.panel);
|
2018-02-24 22:36:19 +08:00
|
|
|
rel.body.border.part = LV_BORDER_RIGHT;
|
2017-12-18 03:11:28 +08:00
|
|
|
rel.body.border.width = 1;
|
|
|
|
rel.body.border.color = LV_COLOR_HEX3(0xbbb);
|
|
|
|
rel.body.empty = 1;
|
|
|
|
rel.body.shadow.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&pr, &rel);
|
|
|
|
pr.glass = 0;
|
|
|
|
pr.body.main_color = LV_COLOR_HEX3(0xddd);
|
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.border.width = 0;
|
|
|
|
pr.body.empty = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_rel, &pr);
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
tgl_rel.body.grad_color = tgl_rel.body.main_color;
|
|
|
|
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 5, 95);
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_pr, &tgl_rel);
|
|
|
|
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 95, 65);
|
|
|
|
tgl_pr.body.grad_color = tgl_pr.body.main_color;
|
|
|
|
tgl_pr.body.border.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&ina, &pr);
|
|
|
|
ina.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
ina.body.grad_color = ina.body.main_color;
|
|
|
|
|
|
|
|
theme.btnm.bg = &bg;
|
|
|
|
theme.btnm.btn.rel = &rel;
|
|
|
|
theme.btnm.btn.pr = ≺
|
|
|
|
theme.btnm.btn.tgl_rel = &tgl_rel;
|
|
|
|
theme.btnm.btn.tgl_pr = &tgl_pr;
|
|
|
|
theme.btnm.btn.ina = &def;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void kb_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_KB
|
|
|
|
|
|
|
|
static lv_style_t rel;
|
|
|
|
lv_style_copy(&rel, &lv_style_transp);
|
|
|
|
rel.text.font = _font;
|
|
|
|
|
|
|
|
theme.kb.bg = theme.btnm.bg;
|
|
|
|
theme.kb.btn.rel = &rel;
|
|
|
|
theme.kb.btn.pr = theme.btnm.btn.pr;
|
|
|
|
theme.kb.btn.tgl_rel = theme.btnm.btn.tgl_rel;
|
|
|
|
theme.kb.btn.tgl_pr = theme.btnm.btn.tgl_pr;
|
|
|
|
theme.kb.btn.ina = theme.btnm.btn.ina;
|
|
|
|
#endif
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
static void mbox_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_MBOX
|
|
|
|
static lv_style_t pr, rel;
|
2017-12-20 05:00:32 +08:00
|
|
|
|
2017-12-18 03:11:28 +08:00
|
|
|
lv_style_copy(&rel, &lv_style_transp);
|
|
|
|
rel.glass = 0;
|
|
|
|
rel.text.font = _font;
|
2017-12-20 05:00:32 +08:00
|
|
|
rel.text.color = lv_color_hsv_to_rgb(_hue, 85, 75);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
lv_style_copy(&pr, theme.btnm.btn.pr);
|
2017-12-20 05:00:32 +08:00
|
|
|
pr.text.color = lv_color_hsv_to_rgb(_hue, 85, 60);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
theme.mbox.bg = theme.panel;
|
|
|
|
theme.mbox.btn.bg = &lv_style_transp;
|
|
|
|
theme.mbox.btn.rel = &rel;
|
|
|
|
theme.mbox.btn.pr = ≺
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void page_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_PAGE
|
|
|
|
|
|
|
|
|
|
|
|
theme.page.bg = theme.panel;
|
|
|
|
theme.page.scrl = &lv_style_transp;
|
|
|
|
theme.page.sb = &sb;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void ta_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_TA
|
|
|
|
static lv_style_t oneline;
|
|
|
|
|
|
|
|
lv_style_copy(&oneline, &def);
|
|
|
|
oneline.body.empty = 1;
|
|
|
|
oneline.body.radius = 0;
|
|
|
|
oneline.body.border.part = LV_BORDER_BOTTOM;
|
|
|
|
oneline.body.border.width = 3;
|
|
|
|
oneline.body.border.color = LV_COLOR_HEX3(0x333);
|
|
|
|
oneline.body.border.opa = LV_OPA_COVER;
|
|
|
|
oneline.text.color = LV_COLOR_HEX3(0x333);
|
|
|
|
|
|
|
|
theme.ta.area = theme.panel;
|
|
|
|
theme.ta.oneline = &oneline;
|
|
|
|
theme.ta.cursor = NULL; /*Let library to calculate the cursor's style*/
|
|
|
|
theme.ta.sb = &sb;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void list_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_LIST != 0
|
|
|
|
|
|
|
|
static lv_style_t list_bg, rel, pr, tgl_rel, tgl_pr, ina;
|
|
|
|
|
|
|
|
lv_style_copy(&list_bg, theme.panel);
|
|
|
|
list_bg.body.padding.hor = 0;
|
|
|
|
list_bg.body.padding.ver = 0;
|
|
|
|
list_bg.body.padding.inner = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&rel, &lv_style_transp);
|
|
|
|
rel.body.padding.hor = LV_DPI / 8;
|
|
|
|
rel.body.padding.ver = LV_DPI / 6;
|
|
|
|
rel.body.radius = 10;
|
|
|
|
rel.body.border.color = LV_COLOR_HEX3(0xbbb);
|
|
|
|
rel.body.border.width = 1;
|
|
|
|
rel.body.border.part = LV_BORDER_BOTTOM;
|
|
|
|
|
|
|
|
lv_style_copy(&pr, &rel);
|
|
|
|
pr.glass = 0;
|
|
|
|
pr.body.main_color = LV_COLOR_HEX3(0xddd);
|
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.border.width = 0;
|
|
|
|
pr.body.empty = 0;
|
|
|
|
pr.body.radius = DEF_RADIUS;
|
|
|
|
pr.text.font = _font;
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_rel, &pr);
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
tgl_rel.body.grad_color = tgl_rel.body.main_color;
|
|
|
|
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 5, 95);
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_pr, &tgl_rel);
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 60);
|
2017-12-18 03:11:28 +08:00
|
|
|
tgl_pr.body.grad_color = tgl_pr.body.main_color;
|
|
|
|
tgl_pr.body.border.width = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&ina, &pr);
|
|
|
|
ina.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
ina.body.grad_color = ina.body.main_color;
|
|
|
|
|
|
|
|
|
|
|
|
theme.list.sb = &sb;
|
|
|
|
theme.list.bg = &list_bg;
|
|
|
|
theme.list.scrl = &lv_style_transp_tight;
|
|
|
|
theme.list.btn.rel = &rel;
|
|
|
|
theme.list.btn.pr = ≺
|
|
|
|
theme.list.btn.tgl_rel = &tgl_rel;
|
|
|
|
theme.list.btn.tgl_pr = &tgl_pr;
|
|
|
|
theme.list.btn.ina = &ina;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void ddlist_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_DDLIST != 0
|
|
|
|
static lv_style_t bg, sel;
|
|
|
|
lv_style_copy(&bg, theme.panel);
|
|
|
|
bg.body.padding.hor = LV_DPI / 6;
|
|
|
|
bg.body.padding.ver = LV_DPI / 6;
|
|
|
|
bg.text.line_space = LV_DPI / 8;
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&sel, &bg);
|
2017-12-20 05:00:32 +08:00
|
|
|
sel.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
sel.body.grad_color = sel.body.main_color;
|
|
|
|
sel.body.border.width = 0;
|
|
|
|
sel.body.shadow.width = 0;
|
|
|
|
sel.text.color = lv_color_hsv_to_rgb(_hue, 5, 95);
|
|
|
|
|
|
|
|
|
|
|
|
theme.ddlist.bg = &bg;
|
|
|
|
theme.ddlist.sel = &sel;
|
|
|
|
theme.ddlist.sb = &sb;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void roller_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_ROLLER != 0
|
|
|
|
static lv_style_t roller_bg, roller_sel;
|
|
|
|
|
|
|
|
lv_style_copy(&roller_bg, &lv_style_transp);
|
|
|
|
roller_bg.body.padding.hor = LV_DPI / 6;
|
|
|
|
roller_bg.body.padding.ver = LV_DPI / 6;
|
|
|
|
roller_bg.text.line_space = LV_DPI / 8;
|
|
|
|
roller_bg.text.font = _font;
|
|
|
|
roller_bg.glass = 0;
|
|
|
|
|
|
|
|
lv_style_copy(&roller_sel, &roller_bg);
|
2017-12-20 05:00:32 +08:00
|
|
|
roller_sel.text.color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
|
|
|
|
theme.roller.bg = &roller_bg;
|
|
|
|
theme.roller.sel = &roller_sel;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
static void tabview_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_TABVIEW != 0
|
|
|
|
static lv_style_t indic, btn_bg, rel, pr, tgl_rel, tgl_pr;
|
|
|
|
|
|
|
|
lv_style_copy(&indic, &def);
|
2017-12-20 05:00:32 +08:00
|
|
|
indic.body.main_color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
indic.body.grad_color = indic.body.main_color;
|
|
|
|
indic.body.radius = 0;
|
|
|
|
indic.body.border.width = 0;
|
|
|
|
indic.body.padding.inner = LV_DPI / 20;
|
|
|
|
|
|
|
|
lv_style_copy(&btn_bg, &def);
|
|
|
|
btn_bg.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
btn_bg.body.grad_color = btn_bg.body.main_color;
|
|
|
|
btn_bg.body.radius = 0;
|
|
|
|
btn_bg.body.border.width = 1;
|
|
|
|
btn_bg.body.border.color = LV_COLOR_HEX3(0x888);
|
|
|
|
btn_bg.body.border.part = LV_BORDER_BOTTOM;
|
|
|
|
btn_bg.body.border.opa = LV_OPA_COVER;
|
2018-02-24 22:36:19 +08:00
|
|
|
btn_bg.body.shadow.width = 5;
|
2017-12-18 03:11:28 +08:00
|
|
|
btn_bg.body.shadow.color = DEF_SHADOW_COLOR;
|
|
|
|
btn_bg.body.shadow.type = LV_SHADOW_BOTTOM;
|
|
|
|
btn_bg.body.padding.inner = 0;
|
|
|
|
btn_bg.body.padding.hor = 0;
|
|
|
|
btn_bg.body.padding.ver = 0;
|
|
|
|
btn_bg.text.color = LV_COLOR_HEX3(0x333);
|
|
|
|
|
|
|
|
|
|
|
|
lv_style_copy(&rel, &lv_style_transp);
|
|
|
|
rel.body.padding.ver = LV_DPI / 8;
|
|
|
|
rel.text.font = _font;
|
|
|
|
|
|
|
|
lv_style_copy(&pr, &def);
|
|
|
|
pr.body.main_color = LV_COLOR_HEX3(0xbbb);
|
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.border.width = 0;
|
|
|
|
pr.body.empty = 0;
|
|
|
|
pr.body.radius = 0;
|
|
|
|
pr.body.border.width = 1;
|
|
|
|
pr.body.border.color = LV_COLOR_HEX3(0x888);
|
|
|
|
pr.body.border.part = LV_BORDER_BOTTOM;
|
|
|
|
pr.body.border.opa = LV_OPA_COVER;
|
|
|
|
pr.text.color = LV_COLOR_HEX3(0x111);
|
|
|
|
|
|
|
|
lv_style_copy(&tgl_rel, &lv_style_transp);
|
|
|
|
tgl_rel.glass = 0;
|
|
|
|
tgl_rel.text.font = _font;
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 90, 70);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
lv_style_copy(&tgl_pr, &def);
|
|
|
|
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 15, 85);
|
|
|
|
tgl_pr.body.grad_color = tgl_pr.body.main_color;
|
|
|
|
tgl_pr.body.border.width = 0;
|
|
|
|
tgl_pr.body.empty = 0;
|
|
|
|
tgl_pr.body.radius = 0;
|
2017-12-20 05:00:32 +08:00
|
|
|
tgl_pr.text.color = lv_color_hsv_to_rgb(_hue, 90, 60);
|
2017-12-18 03:11:28 +08:00
|
|
|
|
|
|
|
theme.tabview.bg = theme.bg;
|
|
|
|
theme.tabview.indic = &indic;
|
|
|
|
theme.tabview.btn.bg = &btn_bg;
|
|
|
|
theme.tabview.btn.rel = &rel;
|
|
|
|
theme.tabview.btn.pr = ≺
|
|
|
|
theme.tabview.btn.tgl_rel = &tgl_rel;
|
|
|
|
theme.tabview.btn.tgl_pr = &tgl_pr;
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
static void win_init(void)
|
|
|
|
{
|
|
|
|
#if USE_LV_WIN != 0
|
|
|
|
static lv_style_t header, pr;
|
|
|
|
|
|
|
|
lv_style_copy(&header, &def);
|
|
|
|
header.body.main_color = LV_COLOR_HEX3(0xccc);
|
|
|
|
header.body.grad_color = header.body.main_color;
|
|
|
|
header.body.radius = DEF_RADIUS;
|
|
|
|
header.body.border.width = 1;
|
|
|
|
header.body.border.color = LV_COLOR_HEX3(0xbbb);
|
|
|
|
header.body.border.part = LV_BORDER_BOTTOM;
|
|
|
|
header.body.border.opa = LV_OPA_COVER;
|
|
|
|
header.body.padding.inner = 0;
|
|
|
|
header.body.padding.hor = 0;
|
|
|
|
header.body.padding.ver = 0;
|
|
|
|
header.text.color = LV_COLOR_HEX3(0x333);
|
|
|
|
|
|
|
|
lv_style_copy(&pr, &def);
|
|
|
|
pr.body.main_color = LV_COLOR_HEX3(0xbbb);
|
|
|
|
pr.body.grad_color = pr.body.main_color;
|
|
|
|
pr.body.border.width = 0;
|
|
|
|
pr.body.empty = 0;
|
|
|
|
pr.body.radius = 0;
|
|
|
|
pr.text.color = LV_COLOR_HEX3(0x111);
|
|
|
|
|
|
|
|
|
|
|
|
theme.win.bg = theme.panel;
|
|
|
|
theme.win.sb = &sb;
|
|
|
|
theme.win.header = &header;
|
|
|
|
theme.win.content.bg = &lv_style_transp;
|
|
|
|
theme.win.content.scrl = &lv_style_transp;
|
|
|
|
theme.win.btn.rel = &lv_style_transp;
|
|
|
|
theme.win.btn.pr = ≺
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* GLOBAL FUNCTIONS
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Initialize the material theme
|
|
|
|
* @param hue [0..360] hue value from HSV color space to define the theme's base color
|
|
|
|
* @param font pointer to a font (NULL to use the default)
|
|
|
|
* @return pointer to the initialized theme
|
|
|
|
*/
|
2018-06-19 15:49:58 +08:00
|
|
|
lv_theme_t * lv_theme_material_init(uint16_t hue, lv_font_t * font)
|
2017-12-18 03:11:28 +08:00
|
|
|
{
|
|
|
|
if(font == NULL) font = LV_FONT_DEFAULT;
|
|
|
|
|
|
|
|
_hue = hue;
|
|
|
|
_font = font;
|
|
|
|
|
|
|
|
/*For backward compatibility initialize all theme elements with a default style */
|
|
|
|
uint16_t i;
|
2018-06-19 15:49:58 +08:00
|
|
|
lv_style_t ** style_p = (lv_style_t **) &theme;
|
|
|
|
for(i = 0; i < sizeof(lv_theme_t) / sizeof(lv_style_t *); i++) {
|
2017-12-18 03:11:28 +08:00
|
|
|
*style_p = &def;
|
|
|
|
style_p++;
|
|
|
|
}
|
|
|
|
|
|
|
|
basic_init();
|
|
|
|
cont_init();
|
|
|
|
btn_init();
|
|
|
|
label_init();
|
|
|
|
img_init();
|
|
|
|
line_init();
|
|
|
|
led_init();
|
|
|
|
bar_init();
|
|
|
|
slider_init();
|
|
|
|
sw_init();
|
|
|
|
lmeter_init();
|
|
|
|
gauge_init();
|
|
|
|
chart_init();
|
2018-09-21 04:14:33 +08:00
|
|
|
arc_init();
|
|
|
|
preload_init();
|
2018-09-13 05:34:23 +08:00
|
|
|
calendar_init();
|
2017-12-18 03:11:28 +08:00
|
|
|
cb_init();
|
|
|
|
btnm_init();
|
|
|
|
kb_init();
|
|
|
|
mbox_init();
|
|
|
|
page_init();
|
|
|
|
ta_init();
|
|
|
|
list_init();
|
|
|
|
ddlist_init();
|
|
|
|
roller_init();
|
|
|
|
tabview_init();
|
|
|
|
win_init();
|
|
|
|
|
|
|
|
return &theme;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get a pointer to the theme
|
|
|
|
* @return pointer to the theme
|
|
|
|
*/
|
|
|
|
lv_theme_t * lv_theme_get_material(void)
|
|
|
|
{
|
|
|
|
return &theme;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**********************
|
|
|
|
* STATIC FUNCTIONS
|
|
|
|
**********************/
|
|
|
|
|
|
|
|
#endif
|
|
|
|
|