1 #include "../lv_examples.h"
2 #if LV_USE_FLEX && LV_BUILD_EXAMPLES
3 
4 static lv_anim_timeline_t * anim_timeline = NULL;
5 
6 static lv_obj_t * obj1 = NULL;
7 static lv_obj_t * obj2 = NULL;
8 static lv_obj_t * obj3 = NULL;
9 
10 static const lv_coord_t obj_width = 90;
11 static const lv_coord_t obj_height = 70;
12 
set_width(void * var,int32_t v)13 static void set_width(void * var, int32_t v)
14 {
15     lv_obj_set_width((lv_obj_t *)var, v);
16 }
17 
set_height(void * var,int32_t v)18 static void set_height(void * var, int32_t v)
19 {
20     lv_obj_set_height((lv_obj_t *)var, v);
21 }
22 
anim_timeline_create(void)23 static void anim_timeline_create(void)
24 {
25     /* obj1 */
26     lv_anim_t a1;
27     lv_anim_init(&a1);
28     lv_anim_set_var(&a1, obj1);
29     lv_anim_set_values(&a1, 0, obj_width);
30     lv_anim_set_early_apply(&a1, false);
31     lv_anim_set_exec_cb(&a1, (lv_anim_exec_xcb_t)set_width);
32     lv_anim_set_path_cb(&a1, lv_anim_path_overshoot);
33     lv_anim_set_time(&a1, 300);
34 
35     lv_anim_t a2;
36     lv_anim_init(&a2);
37     lv_anim_set_var(&a2, obj1);
38     lv_anim_set_values(&a2, 0, obj_height);
39     lv_anim_set_early_apply(&a2, false);
40     lv_anim_set_exec_cb(&a2, (lv_anim_exec_xcb_t)set_height);
41     lv_anim_set_path_cb(&a2, lv_anim_path_ease_out);
42     lv_anim_set_time(&a2, 300);
43 
44     /* obj2 */
45     lv_anim_t a3;
46     lv_anim_init(&a3);
47     lv_anim_set_var(&a3, obj2);
48     lv_anim_set_values(&a3, 0, obj_width);
49     lv_anim_set_early_apply(&a3, false);
50     lv_anim_set_exec_cb(&a3, (lv_anim_exec_xcb_t)set_width);
51     lv_anim_set_path_cb(&a3, lv_anim_path_overshoot);
52     lv_anim_set_time(&a3, 300);
53 
54     lv_anim_t a4;
55     lv_anim_init(&a4);
56     lv_anim_set_var(&a4, obj2);
57     lv_anim_set_values(&a4, 0, obj_height);
58     lv_anim_set_early_apply(&a4, false);
59     lv_anim_set_exec_cb(&a4, (lv_anim_exec_xcb_t)set_height);
60     lv_anim_set_path_cb(&a4, lv_anim_path_ease_out);
61     lv_anim_set_time(&a4, 300);
62 
63     /* obj3 */
64     lv_anim_t a5;
65     lv_anim_init(&a5);
66     lv_anim_set_var(&a5, obj3);
67     lv_anim_set_values(&a5, 0, obj_width);
68     lv_anim_set_early_apply(&a5, false);
69     lv_anim_set_exec_cb(&a5, (lv_anim_exec_xcb_t)set_width);
70     lv_anim_set_path_cb(&a5, lv_anim_path_overshoot);
71     lv_anim_set_time(&a5, 300);
72 
73     lv_anim_t a6;
74     lv_anim_init(&a6);
75     lv_anim_set_var(&a6, obj3);
76     lv_anim_set_values(&a6, 0, obj_height);
77     lv_anim_set_early_apply(&a6, false);
78     lv_anim_set_exec_cb(&a6, (lv_anim_exec_xcb_t)set_height);
79     lv_anim_set_path_cb(&a6, lv_anim_path_ease_out);
80     lv_anim_set_time(&a6, 300);
81 
82     /* Create anim timeline */
83     anim_timeline = lv_anim_timeline_create();
84     lv_anim_timeline_add(anim_timeline, 0, &a1);
85     lv_anim_timeline_add(anim_timeline, 0, &a2);
86     lv_anim_timeline_add(anim_timeline, 200, &a3);
87     lv_anim_timeline_add(anim_timeline, 200, &a4);
88     lv_anim_timeline_add(anim_timeline, 400, &a5);
89     lv_anim_timeline_add(anim_timeline, 400, &a6);
90 }
91 
btn_start_event_handler(lv_event_t * e)92 static void btn_start_event_handler(lv_event_t * e)
93 {
94     lv_obj_t * btn = lv_event_get_target(e);
95 
96     if(!anim_timeline) {
97         anim_timeline_create();
98     }
99 
100     bool reverse = lv_obj_has_state(btn, LV_STATE_CHECKED);
101     lv_anim_timeline_set_reverse(anim_timeline, reverse);
102     lv_anim_timeline_start(anim_timeline);
103 }
104 
btn_del_event_handler(lv_event_t * e)105 static void btn_del_event_handler(lv_event_t * e)
106 {
107     LV_UNUSED(e);
108     if(anim_timeline) {
109         lv_anim_timeline_del(anim_timeline);
110         anim_timeline = NULL;
111     }
112 }
113 
btn_stop_event_handler(lv_event_t * e)114 static void btn_stop_event_handler(lv_event_t * e)
115 {
116     LV_UNUSED(e);
117     if(anim_timeline) {
118         lv_anim_timeline_stop(anim_timeline);
119     }
120 }
121 
slider_prg_event_handler(lv_event_t * e)122 static void slider_prg_event_handler(lv_event_t * e)
123 {
124     lv_obj_t * slider = lv_event_get_target(e);
125 
126     if(!anim_timeline) {
127         anim_timeline_create();
128     }
129 
130     int32_t progress = lv_slider_get_value(slider);
131     lv_anim_timeline_set_progress(anim_timeline, progress);
132 }
133 
134 /**
135  * Create an animation timeline
136  */
lv_example_anim_timeline_1(void)137 void lv_example_anim_timeline_1(void)
138 {
139     lv_obj_t * par = lv_scr_act();
140     lv_obj_set_flex_flow(par, LV_FLEX_FLOW_ROW);
141     lv_obj_set_flex_align(par, LV_FLEX_ALIGN_SPACE_AROUND, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER);
142 
143     /* create btn_start */
144     lv_obj_t * btn_start = lv_btn_create(par);
145     lv_obj_add_event_cb(btn_start, btn_start_event_handler, LV_EVENT_VALUE_CHANGED, NULL);
146     lv_obj_add_flag(btn_start, LV_OBJ_FLAG_IGNORE_LAYOUT);
147     lv_obj_add_flag(btn_start, LV_OBJ_FLAG_CHECKABLE);
148     lv_obj_align(btn_start, LV_ALIGN_TOP_MID, -100, 20);
149 
150     lv_obj_t * label_start = lv_label_create(btn_start);
151     lv_label_set_text(label_start, "Start");
152     lv_obj_center(label_start);
153 
154     /* create btn_del */
155     lv_obj_t * btn_del = lv_btn_create(par);
156     lv_obj_add_event_cb(btn_del, btn_del_event_handler, LV_EVENT_CLICKED, NULL);
157     lv_obj_add_flag(btn_del, LV_OBJ_FLAG_IGNORE_LAYOUT);
158     lv_obj_align(btn_del, LV_ALIGN_TOP_MID, 0, 20);
159 
160     lv_obj_t * label_del = lv_label_create(btn_del);
161     lv_label_set_text(label_del, "Delete");
162     lv_obj_center(label_del);
163 
164     /* create btn_stop */
165     lv_obj_t * btn_stop = lv_btn_create(par);
166     lv_obj_add_event_cb(btn_stop, btn_stop_event_handler, LV_EVENT_CLICKED, NULL);
167     lv_obj_add_flag(btn_stop, LV_OBJ_FLAG_IGNORE_LAYOUT);
168     lv_obj_align(btn_stop, LV_ALIGN_TOP_MID, 100, 20);
169 
170     lv_obj_t * label_stop = lv_label_create(btn_stop);
171     lv_label_set_text(label_stop, "Stop");
172     lv_obj_center(label_stop);
173 
174     /* create slider_prg */
175     lv_obj_t * slider_prg = lv_slider_create(par);
176     lv_obj_add_event_cb(slider_prg, slider_prg_event_handler, LV_EVENT_VALUE_CHANGED, NULL);
177     lv_obj_add_flag(slider_prg, LV_OBJ_FLAG_IGNORE_LAYOUT);
178     lv_obj_align(slider_prg, LV_ALIGN_BOTTOM_MID, 0, -20);
179     lv_slider_set_range(slider_prg, 0, 65535);
180 
181     /* create 3 objects */
182     obj1 = lv_obj_create(par);
183     lv_obj_set_size(obj1, obj_width, obj_height);
184 
185     obj2 = lv_obj_create(par);
186     lv_obj_set_size(obj2, obj_width, obj_height);
187 
188     obj3 = lv_obj_create(par);
189     lv_obj_set_size(obj3, obj_width, obj_height);
190 }
191 
192 #endif
193