You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.3 KiB
C
41 lines
1.3 KiB
C
2 years ago
|
#include "../lv_examples.h"
|
||
|
|
#if LV_BUILD_EXAMPLES && LV_USE_IMG
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Creating a transition
|
||
|
|
*/
|
||
|
|
void lv_example_style_10(void)
|
||
|
|
{
|
||
|
|
static const lv_style_prop_t props[] = {LV_STYLE_BG_COLOR, LV_STYLE_BORDER_COLOR, LV_STYLE_BORDER_WIDTH, 0};
|
||
|
|
|
||
|
|
/* A default transition
|
||
|
|
* Make it fast (100ms) and start with some delay (200 ms)*/
|
||
|
|
static lv_style_transition_dsc_t trans_def;
|
||
|
|
lv_style_transition_dsc_init(&trans_def, props, lv_anim_path_linear, 100, 200, NULL);
|
||
|
|
|
||
|
|
/* A special transition when going to pressed state
|
||
|
|
* Make it slow (500 ms) but start without delay*/
|
||
|
|
static lv_style_transition_dsc_t trans_pr;
|
||
|
|
lv_style_transition_dsc_init(&trans_pr, props, lv_anim_path_linear, 500, 0, NULL);
|
||
|
|
|
||
|
|
static lv_style_t style_def;
|
||
|
|
lv_style_init(&style_def);
|
||
|
|
lv_style_set_transition(&style_def, &trans_def);
|
||
|
|
|
||
|
|
static lv_style_t style_pr;
|
||
|
|
lv_style_init(&style_pr);
|
||
|
|
lv_style_set_bg_color(&style_pr, lv_palette_main(LV_PALETTE_RED));
|
||
|
|
lv_style_set_border_width(&style_pr, 6);
|
||
|
|
lv_style_set_border_color(&style_pr, lv_palette_darken(LV_PALETTE_RED, 3));
|
||
|
|
lv_style_set_transition(&style_pr, &trans_pr);
|
||
|
|
|
||
|
|
/*Create an object with the new style_pr*/
|
||
|
|
lv_obj_t * obj = lv_obj_create(lv_scr_act());
|
||
|
|
lv_obj_add_style(obj, &style_def, 0);
|
||
|
|
lv_obj_add_style(obj, &style_pr, LV_STATE_PRESSED);
|
||
|
|
|
||
|
|
lv_obj_center(obj);
|
||
|
|
}
|
||
|
|
|
||
|
|
#endif
|