diff options
Diffstat (limited to 'src/ui/themes.cpp')
| -rw-r--r-- | src/ui/themes.cpp | 143 |
1 files changed, 81 insertions, 62 deletions
diff --git a/src/ui/themes.cpp b/src/ui/themes.cpp index 35b146c4..bad73ee6 100644 --- a/src/ui/themes.cpp +++ b/src/ui/themes.cpp @@ -1,9 +1,12 @@ #include "themes.hpp" #include "core/lv_obj.h" +#include "core/lv_obj_style.h" #include "core/lv_obj_tree.h" +#include "draw/lv_draw_rect.h" #include "esp_log.h" #include "misc/lv_color.h" #include "misc/lv_style.h" +#include "widgets/lv_bar.h" #include "widgets/lv_slider.h" LV_FONT_DECLARE(font_fusion_12); @@ -16,7 +19,16 @@ static void theme_apply_cb(lv_theme_t* th, lv_obj_t* obj) { } Theme::Theme() { - /*Initialize the styles*/ + lv_style_init(&base_style_); + lv_style_set_bg_opa(&base_style_, LV_OPA_TRANSP); + lv_style_set_text_font(&base_style_, &font_fusion_12); + lv_style_set_text_color(&base_style_, lv_color_black()); + + lv_style_init(&base_focused_style_); + lv_style_set_bg_opa(&base_focused_style_, LV_OPA_COVER); + lv_style_set_bg_color(&base_focused_style_, + lv_palette_lighten(LV_PALETTE_BLUE, 5)); + lv_style_init(&button_style_); lv_style_set_pad_left(&button_style_, 2); lv_style_set_pad_right(&button_style_, 2); @@ -25,10 +37,57 @@ Theme::Theme() { lv_style_set_bg_color(&button_style_, lv_color_white()); lv_style_set_radius(&button_style_, 5); - lv_style_init(&button_style_focused_); - lv_style_set_bg_color(&button_style_focused_, - lv_palette_lighten(LV_PALETTE_BLUE, 5)); - lv_style_set_bg_opa(&button_style_focused_, LV_OPA_COVER); + lv_style_init(&bar_style_); + lv_style_set_bg_opa(&bar_style_, LV_OPA_COVER); + lv_style_set_radius(&bar_style_, LV_RADIUS_CIRCLE); + + lv_style_init(&slider_indicator_style_); + lv_style_set_radius(&slider_indicator_style_, LV_RADIUS_CIRCLE); + lv_style_set_bg_color(&slider_indicator_style_, + lv_palette_main(LV_PALETTE_BLUE)); + + lv_style_init(&slider_knob_style_); + lv_style_set_radius(&slider_knob_style_, LV_RADIUS_CIRCLE); + lv_style_set_pad_all(&slider_knob_style_, 2); + lv_style_set_bg_color(&slider_knob_style_, lv_color_white()); + lv_style_set_shadow_width(&slider_knob_style_, 5); + lv_style_set_shadow_opa(&slider_knob_style_, LV_OPA_COVER); + + lv_style_init(&slider_knob_focused_style_); + lv_style_set_bg_color(&slider_knob_focused_style_, + lv_palette_lighten(LV_PALETTE_BLUE, 4)); + + lv_style_init(&switch_style_); + lv_style_set_width(&switch_style_, 28); + lv_style_set_height(&switch_style_, 18); + lv_style_set_radius(&switch_style_, LV_RADIUS_CIRCLE); + + lv_style_init(&switch_knob_style_); + lv_style_set_pad_all(&switch_knob_style_, -2); + lv_style_set_radius(&switch_knob_style_, LV_RADIUS_CIRCLE); + lv_style_set_bg_opa(&switch_knob_style_, LV_OPA_COVER); + lv_style_set_bg_color(&switch_knob_style_, lv_color_white()); + + lv_style_init(&slider_knob_focused_style_); + lv_style_set_bg_color(&slider_knob_focused_style_, + lv_palette_lighten(LV_PALETTE_BLUE, 4)); + + lv_style_init(&switch_indicator_style_); + lv_style_set_radius(&switch_indicator_style_, LV_RADIUS_CIRCLE); + lv_style_set_bg_opa(&switch_indicator_style_, LV_OPA_COVER); + lv_style_set_bg_color(&switch_indicator_style_, + lv_palette_main(LV_PALETTE_GREY)); + + lv_style_init(&switch_indicator_checked_style_); + lv_style_set_bg_color(&switch_indicator_checked_style_, + lv_palette_main(LV_PALETTE_BLUE)); + + lv_style_init(&dropdown_style_); + lv_style_set_radius(&dropdown_style_, 2); + lv_style_set_pad_all(&dropdown_style_, 2); + lv_style_set_border_width(&dropdown_style_, 1); + lv_style_set_border_color(&dropdown_style_, lv_palette_main(LV_PALETTE_BLUE)); + lv_style_set_border_side(&dropdown_style_, LV_BORDER_SIDE_FULL); lv_theme_t* parent_theme = lv_disp_get_theme(NULL); theme_ = *parent_theme; @@ -44,67 +103,27 @@ void Theme::Apply(void) { } void Theme::Callback(lv_obj_t* obj) { - lv_obj_set_style_text_font(obj, &font_fusion_12, 0); - lv_obj_set_style_text_color(obj, lv_color_black(), 0); - lv_obj_set_style_bg_opa(obj, LV_OPA_TRANSP, LV_PART_MAIN); - lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 5), - LV_PART_SELECTED | LV_STATE_CHECKED); - - if (lv_obj_check_type(obj, &lv_btn_class) || - lv_obj_check_type(obj, &lv_list_btn_class)) { + lv_obj_add_style(obj, &base_style_, LV_PART_MAIN); + lv_obj_add_style(obj, &base_focused_style_, LV_PART_SELECTED); + lv_obj_add_style(obj, &base_focused_style_, LV_STATE_FOCUSED); + + if (lv_obj_check_type(obj, &lv_btn_class)) { lv_obj_add_style(obj, &button_style_, LV_PART_MAIN); - lv_obj_add_style(obj, &button_style_focused_, - LV_PART_MAIN | LV_STATE_FOCUSED); - if (lv_obj_check_type(obj, &lv_list_btn_class)) { - lv_obj_set_style_radius(obj, 0, LV_PART_MAIN); - lv_obj_set_style_pad_left(obj, 1, LV_PART_MAIN); - lv_obj_set_style_pad_right(obj, 1, LV_PART_MAIN); - } + } else if (lv_obj_check_type(obj, &lv_bar_class)) { + lv_obj_add_style(obj, &bar_style_, LV_PART_MAIN); } else if (lv_obj_check_type(obj, &lv_slider_class)) { - lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_MAIN); - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_MAIN); - - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_INDICATOR); - lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_BLUE), - LV_PART_INDICATOR); - - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_KNOB); - lv_obj_set_style_pad_all(obj, 2, LV_PART_KNOB); - lv_obj_set_style_bg_color(obj, lv_color_white(), LV_PART_KNOB); - lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 4), - LV_PART_KNOB | LV_STATE_FOCUSED); - lv_obj_set_style_shadow_width(obj, 5, LV_PART_KNOB); - lv_obj_set_style_shadow_opa(obj, LV_OPA_COVER, LV_PART_KNOB); + lv_obj_add_style(obj, &bar_style_, LV_PART_MAIN); + lv_obj_add_style(obj, &slider_indicator_style_, LV_PART_INDICATOR); + lv_obj_add_style(obj, &slider_knob_style_, LV_PART_KNOB); + lv_obj_add_style(obj, &slider_knob_focused_style_, LV_STATE_FOCUSED); } else if (lv_obj_check_type(obj, &lv_switch_class)) { - lv_obj_set_size(obj, 28, 18); - lv_obj_set_style_pad_all(obj, -2, LV_PART_KNOB); - - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_MAIN); - - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_INDICATOR); - lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_INDICATOR); - lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_GREY), - LV_PART_INDICATOR); - lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_BLUE), - LV_PART_INDICATOR | LV_STATE_CHECKED); - - lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_KNOB); - lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_KNOB); - lv_obj_set_style_bg_color(obj, lv_color_white(), LV_PART_KNOB); - lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 4), - LV_PART_KNOB | LV_STATE_FOCUSED); + lv_obj_add_style(obj, &switch_style_, LV_PART_MAIN); + lv_obj_add_style(obj, &switch_indicator_style_, LV_PART_INDICATOR); + lv_obj_add_style(obj, &switch_indicator_checked_style_, + LV_PART_INDICATOR | LV_STATE_CHECKED); + lv_obj_add_style(obj, &switch_knob_style_, LV_PART_KNOB); } else if (lv_obj_check_type(obj, &lv_dropdown_class)) { - lv_obj_set_style_radius(obj, 2, LV_PART_MAIN); - lv_obj_set_style_pad_all(obj, 2, LV_PART_MAIN); - - lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN); - lv_obj_set_style_border_color(obj, lv_palette_main(LV_PALETTE_BLUE), - LV_PART_MAIN); - lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_FULL, LV_PART_MAIN); - - lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_MAIN); - lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 5), - LV_PART_MAIN | LV_STATE_FOCUSED); + lv_obj_add_style(obj, &dropdown_style_, LV_PART_MAIN); } } |