feat(example) add style examples
This commit is contained in:
@@ -1,29 +1,31 @@
|
||||
#include "../lv_examples.h"
|
||||
#if LV_BUILD_EXAMPLES
|
||||
#if LV_BUILD_EXAMPLES && LV_USE_IMG
|
||||
|
||||
/**
|
||||
* Using the background style properties
|
||||
* Using the Size, Position and Padding style properties
|
||||
*/
|
||||
void lv_example_style_1(void)
|
||||
{
|
||||
static lv_style_t style;
|
||||
lv_style_init(&style);
|
||||
lv_style_set_radius(&style, 5);
|
||||
static lv_style_t style;
|
||||
lv_style_init(&style);
|
||||
lv_style_set_radius(&style, 5);
|
||||
|
||||
/*Make a gradient*/
|
||||
lv_style_set_bg_opa(&style, LV_OPA_COVER);
|
||||
lv_style_set_bg_color(&style, lv_palette_lighten(LV_PALETTE_GREY, 3));
|
||||
lv_style_set_bg_grad_color(&style, lv_palette_main(LV_PALETTE_BLUE));
|
||||
lv_style_set_bg_grad_dir(&style, LV_GRAD_DIR_VER);
|
||||
/*Make a gradient*/
|
||||
lv_style_set_width(&style, 150);
|
||||
lv_style_set_height(&style, LV_SIZE_CONTENT);
|
||||
|
||||
/*Shift the gradient to the bottom*/
|
||||
lv_style_set_bg_main_stop(&style, 128);
|
||||
lv_style_set_bg_grad_stop(&style, 192);
|
||||
lv_style_set_pad_ver(&style, 20);
|
||||
lv_style_set_pad_left(&style, 5);
|
||||
|
||||
/*Create an object with the new style*/
|
||||
lv_obj_t * obj = lv_obj_create(lv_scr_act());
|
||||
lv_obj_add_style(obj, &style, 0);
|
||||
lv_obj_center(obj);
|
||||
lv_style_set_x(&style, lv_pct(50));
|
||||
lv_style_set_y(&style, 80);
|
||||
|
||||
/*Create an object with the new style*/
|
||||
lv_obj_t * obj = lv_obj_create(lv_scr_act());
|
||||
lv_obj_add_style(obj, &style, 0);
|
||||
|
||||
lv_obj_t * label = lv_label_create(obj);
|
||||
lv_label_set_text(label, "Hello");
|
||||
}
|
||||
|
||||
#endif
|
||||
|
||||
Reference in New Issue
Block a user