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.
46 lines
1.7 KiB
C
46 lines
1.7 KiB
C
#include "../../lv_examples.h"
|
|
#if LV_BUILD_EXAMPLES && LV_USE_BTN
|
|
|
|
/**
|
|
* Create a style transition on a button to act like a gum when clicked
|
|
*/
|
|
void lv_example_btn_3(void)
|
|
{
|
|
/*Properties to transition*/
|
|
static lv_style_prop_t props[] = {
|
|
LV_STYLE_TRANSFORM_WIDTH, LV_STYLE_TRANSFORM_HEIGHT, LV_STYLE_TEXT_LETTER_SPACE, 0
|
|
};
|
|
|
|
/*Transition descriptor when going back to the default state.
|
|
*Add some delay to be sure the press transition is visible even if the press was very short*/
|
|
static lv_style_transition_dsc_t transition_dsc_def;
|
|
lv_style_transition_dsc_init(&transition_dsc_def, props, lv_anim_path_overshoot, 250, 100, NULL);
|
|
|
|
/*Transition descriptor when going to pressed state.
|
|
*No delay, go to presses state immediately*/
|
|
static lv_style_transition_dsc_t transition_dsc_pr;
|
|
lv_style_transition_dsc_init(&transition_dsc_pr, props, lv_anim_path_ease_in_out, 250, 0, NULL);
|
|
|
|
/*Add only the new transition to he default state*/
|
|
static lv_style_t style_def;
|
|
lv_style_init(&style_def);
|
|
lv_style_set_transition(&style_def, &transition_dsc_def);
|
|
|
|
/*Add the transition and some transformation to the presses state.*/
|
|
static lv_style_t style_pr;
|
|
lv_style_init(&style_pr);
|
|
lv_style_set_transform_width(&style_pr, 10);
|
|
lv_style_set_transform_height(&style_pr, -10);
|
|
lv_style_set_text_letter_space(&style_pr, 10);
|
|
lv_style_set_transition(&style_pr, &transition_dsc_pr);
|
|
|
|
lv_obj_t * btn1 = lv_btn_create(lv_scr_act());
|
|
lv_obj_align(btn1, LV_ALIGN_CENTER, 0, -80);
|
|
lv_obj_add_style(btn1, &style_pr, LV_STATE_PRESSED);
|
|
lv_obj_add_style(btn1, &style_def, 0);
|
|
|
|
lv_obj_t * label = lv_label_create(btn1);
|
|
lv_label_set_text(label, "Gum");
|
|
}
|
|
#endif
|