Embedded/lvgl
1
0
Fork 0
mirror of https://github.com/lvgl/lvgl.git synced 2025-02-04 07:13:00 +08:00
Code Issues Projects Releases Wiki Activity

fix simplify lv_example_get_started_2

Browse Source
This commit is contained in:
Gabor Kiss-Vamosi 2021-05-31 12:49:49 +02:00
parent b575b0418a
commit be92f9f749
1 changed files with 42 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
examples/get_started/lv_example_get_started_2.c
View File

@ -1,15 +1,18 @@
#include "../lv_examples.h" #include "../lv_examples.h"
#if LV_USE_BTN && LV_BUILD_EXAMPLES #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;
static lv_style_t style_btn_red;
static lv_style_t style_btn_pressed; 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*/ /*Create a simple button style*/
lv_style_init(&style_btn); lv_style_init(&style_btn);
lv_style_set_radius(&style_btn, 10); 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_color(&style_btn, lv_palette_main(LV_PALETTE_GREY));
lv_style_set_bg_grad_dir(&style_btn, LV_GRAD_DIR_VER); lv_style_set_bg_grad_dir(&style_btn, LV_GRAD_DIR_VER);
/*Add a border*/ lv_style_set_border_color(&style_btn, lv_color_black());
lv_style_set_border_color(&style_btn, lv_color_white()); lv_style_set_border_opa(&style_btn, LV_OPA_20);
lv_style_set_border_opa(&style_btn, LV_OPA_70);
lv_style_set_border_width(&style_btn, 2); lv_style_set_border_width(&style_btn, 2);
/*Set the text style*/ lv_style_set_text_color(&style_btn, lv_color_black());
lv_style_set_text_color(&style_btn, lv_color_white());
/*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.*/ /*Create a red style. Change only some colors.*/
lv_style_init(&style_btn_red); lv_style_init(&style_btn_red);
lv_style_set_bg_color(&style_btn_red, lv_palette_main(LV_PALETTE_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); * Create styles from scratch for buttons.
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)); void lv_example_get_started_2(void)
{
/*Initialize the style*/
style_init();
/*Create a button and use the new styles*/ /*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 /* Remove the styles coming from the theme
* Note that size and position are also stored as style properties * 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 */ * so lv_obj_remove_style_all will remove the set size and position too */
lv_obj_remove_style_all(btn); lv_obj_remove_style_all(btn);
lv_obj_set_pos(btn, 10, 10); /*Set its position*/ lv_obj_set_pos(btn, 10, 10);
lv_obj_set_size(btn, 120, 50); /*Set its size*/ lv_obj_set_size(btn, 120, 50);
lv_obj_add_style(btn, &style_btn, 0); lv_obj_add_style(btn, &style_btn, 0);
lv_obj_add_style(btn, &style_btn_pressed, LV_STATE_PRESSED); 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*/ /*Add a label to the button*/
lv_label_set_text(label, "Button"); /*Set the labels text*/ lv_obj_t * label = lv_label_create(btn);
lv_label_set_text(label, "Button");
lv_obj_center(label); lv_obj_center(label);
/*Create an other button and use the red style too*/ /*Create an other button and use the red style too*/
lv_obj_t * btn2 = lv_btn_create(lv_scr_act()); 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_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, 0);
lv_obj_add_style(btn2, &style_btn_red, 0); lv_obj_add_style(btn2, &style_btn_red, 0);
lv_obj_add_style(btn2, &style_btn_pressed, LV_STATE_PRESSED); 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*/ label = lv_label_create(btn2);
lv_label_set_text(label, "Button 2"); /*Set the labels text*/ lv_label_set_text(label, "Button 2");
lv_obj_center(label); lv_obj_center(label);
} }