mirror of
https://github.com/lvgl/lvgl.git
synced 2025-01-14 06:42:58 +08:00
fix simplify lv_example_get_started_2
This commit is contained in:
parent
b575b0418a
commit
be92f9f749
@ -1,15 +1,18 @@
|
||||
#include "../lv_examples.h"
|
||||
#if LV_USE_BTN && LV_BUILD_EXAMPLES
|
||||
|
||||
/**
|
||||
* Create styles from scratch for buttons.
|
||||
*/
|
||||
void lv_example_get_started_2(void)
|
||||
{
|
||||
static lv_style_t style_btn;
|
||||
static lv_style_t style_btn_red;
|
||||
static lv_style_t style_btn_pressed;
|
||||
static lv_style_t style_btn;
|
||||
static lv_style_t style_btn_pressed;
|
||||
static lv_style_t style_btn_red;
|
||||
|
||||
static lv_color_t darken(const lv_color_filter_dsc_t * dsc, lv_color_t color, lv_opa_t opa)
|
||||
{
|
||||
LV_UNUSED(dsc);
|
||||
return lv_color_darken(color, opa);
|
||||
}
|
||||
|
||||
static void style_init(void)
|
||||
{
|
||||
/*Create a simple button style*/
|
||||
lv_style_init(&style_btn);
|
||||
lv_style_set_radius(&style_btn, 10);
|
||||
@ -18,51 +21,62 @@ void lv_example_get_started_2(void)
|
||||
lv_style_set_bg_grad_color(&style_btn, lv_palette_main(LV_PALETTE_GREY));
|
||||
lv_style_set_bg_grad_dir(&style_btn, LV_GRAD_DIR_VER);
|
||||
|
||||
/*Add a border*/
|
||||
lv_style_set_border_color(&style_btn, lv_color_white());
|
||||
lv_style_set_border_opa(&style_btn, LV_OPA_70);
|
||||
lv_style_set_border_color(&style_btn, lv_color_black());
|
||||
lv_style_set_border_opa(&style_btn, LV_OPA_20);
|
||||
lv_style_set_border_width(&style_btn, 2);
|
||||
|
||||
/*Set the text style*/
|
||||
lv_style_set_text_color(&style_btn, lv_color_white());
|
||||
lv_style_set_text_color(&style_btn, lv_color_black());
|
||||
|
||||
/*Create a style for the pressed state.
|
||||
*Use a color filter to simply modify all colors in this state*/
|
||||
static lv_color_filter_dsc_t color_filter;
|
||||
lv_color_filter_dsc_init(&color_filter, darken);
|
||||
lv_style_init(&style_btn_pressed);
|
||||
lv_style_set_color_filter_dsc(&style_btn_pressed, &color_filter);
|
||||
lv_style_set_color_filter_opa(&style_btn_pressed, LV_OPA_20);
|
||||
|
||||
/*Create a red style. Change only some colors.*/
|
||||
lv_style_init(&style_btn_red);
|
||||
lv_style_set_bg_color(&style_btn_red, lv_palette_main(LV_PALETTE_RED));
|
||||
lv_style_set_bg_grad_color(&style_btn_red, lv_palette_lighten(LV_PALETTE_RED, 2));
|
||||
lv_style_set_bg_grad_color(&style_btn_red, lv_palette_lighten(LV_PALETTE_RED, 3));
|
||||
}
|
||||
|
||||
/*Create a style for the pressed state.*/
|
||||
lv_style_init(&style_btn_pressed);
|
||||
lv_style_set_bg_color(&style_btn_pressed, lv_palette_main(LV_PALETTE_BLUE));
|
||||
lv_style_set_bg_grad_color(&style_btn_pressed, lv_palette_darken(LV_PALETTE_RED, 3));
|
||||
/**
|
||||
* Create styles from scratch for buttons.
|
||||
*/
|
||||
void lv_example_get_started_2(void)
|
||||
{
|
||||
/*Initialize the style*/
|
||||
style_init();
|
||||
|
||||
/*Create a button and use the new styles*/
|
||||
lv_obj_t * btn = lv_btn_create(lv_scr_act()); /*Add a button the current screen*/
|
||||
lv_obj_t * btn = lv_btn_create(lv_scr_act());
|
||||
/* Remove the styles coming from the theme
|
||||
* Note that size and position are also stored as style properties
|
||||
* so lv_obj_remove_style_all will remove the set size and position too */
|
||||
lv_obj_remove_style_all(btn);
|
||||
lv_obj_set_pos(btn, 10, 10); /*Set its position*/
|
||||
lv_obj_set_size(btn, 120, 50); /*Set its size*/
|
||||
lv_obj_set_pos(btn, 10, 10);
|
||||
lv_obj_set_size(btn, 120, 50);
|
||||
lv_obj_add_style(btn, &style_btn, 0);
|
||||
lv_obj_add_style(btn, &style_btn_pressed, LV_STATE_PRESSED);
|
||||
|
||||
lv_obj_t * label = lv_label_create(btn); /*Add a label to the button*/
|
||||
lv_label_set_text(label, "Button"); /*Set the labels text*/
|
||||
/*Add a label to the button*/
|
||||
lv_obj_t * label = lv_label_create(btn);
|
||||
lv_label_set_text(label, "Button");
|
||||
lv_obj_center(label);
|
||||
|
||||
/*Create an other button and use the red style too*/
|
||||
lv_obj_t * btn2 = lv_btn_create(lv_scr_act());
|
||||
lv_obj_remove_style_all(btn2); /*Remove the styles coming from the theme*/
|
||||
lv_obj_remove_style_all(btn2); /*Remove the styles coming from the theme*/
|
||||
lv_obj_set_pos(btn2, 10, 80);
|
||||
lv_obj_set_size(btn2, 120, 50); /*Set its size*/
|
||||
lv_obj_set_size(btn2, 120, 50);
|
||||
lv_obj_add_style(btn2, &style_btn, 0);
|
||||
lv_obj_add_style(btn2, &style_btn_red, 0);
|
||||
lv_obj_add_style(btn2, &style_btn_pressed, LV_STATE_PRESSED);
|
||||
lv_obj_set_style_radius(btn2, LV_RADIUS_CIRCLE, 0); /*Add a local style*/
|
||||
lv_obj_set_style_radius(btn2, LV_RADIUS_CIRCLE, 0); /*Add a local style too*/
|
||||
|
||||
label = lv_label_create(btn2); /*Add a label to the button*/
|
||||
lv_label_set_text(label, "Button 2"); /*Set the labels text*/
|
||||
label = lv_label_create(btn2);
|
||||
lv_label_set_text(label, "Button 2");
|
||||
lv_obj_center(label);
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user