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