1 /**
2 * @file lv_demo_flex_layout_view.c
3 *
4 */
5
6 /*********************
7 * INCLUDES
8 *********************/
9
10 #include "lv_demo_flex_layout_main.h"
11
12 #if LV_USE_DEMO_FLEX_LAYOUT
13
14 /*********************
15 * DEFINES
16 *********************/
17
18 /**********************
19 * TYPEDEFS
20 **********************/
21
22 /**********************
23 * STATIC PROTOTYPES
24 **********************/
25
26 static lv_obj_t * btn_create(lv_obj_t * par, const char * str, lv_color_t color);
27 static void obj_child_node_def_style_init(lv_style_t * style);
28 static void obj_child_node_checked_style_init(lv_style_t * style);
29
30 /**********************
31 * STATIC VARIABLES
32 **********************/
33
34 /**********************
35 * MACROS
36 **********************/
37
38 /**********************
39 * GLOBAL FUNCTIONS
40 **********************/
41
view_create(lv_obj_t * par,view_t * ui)42 void view_create(lv_obj_t * par, view_t * ui)
43 {
44 /* layout */
45 lv_obj_set_flex_flow(par, LV_FLEX_FLOW_ROW);
46 lv_obj_set_flex_align(
47 par,
48 LV_FLEX_ALIGN_SPACE_AROUND,
49 LV_FLEX_ALIGN_CENTER,
50 LV_FLEX_ALIGN_SPACE_AROUND
51 );
52
53 /* style */
54 obj_child_node_def_style_init(&ui->obj_def_style);
55 obj_child_node_checked_style_init(&ui->obj_checked_style);
56
57 /* root */
58 ui->root = obj_child_node_create(par, ui);
59 lv_obj_set_size(ui->root, lv_pct(50), lv_pct(80));
60
61 /* main ctrl_pad */
62 lv_obj_t * obj = lv_obj_create(par);
63 lv_obj_set_size(obj, lv_pct(40), lv_pct(80));
64 lv_obj_set_style_pad_all(obj, 0, 0);
65 lv_obj_set_style_pad_gap(obj, 0, 0);
66 lv_obj_set_style_radius(obj, 10, 0);
67 lv_obj_set_style_clip_corner(obj, true, 0);
68 lv_obj_set_style_border_width(obj, 0, 0);
69 lv_obj_set_style_shadow_color(obj, lv_color_hex3(0xaaa), 0);
70 lv_obj_set_style_shadow_width(obj, 20, 0);
71 lv_obj_set_style_shadow_offset_y(obj, 2, 0);
72 lv_obj_remove_flag(obj, LV_OBJ_FLAG_SCROLLABLE);
73 lv_obj_set_flex_flow(obj, LV_FLEX_FLOW_COLUMN);
74 lv_obj_set_flex_align(
75 obj,
76 LV_FLEX_ALIGN_CENTER,
77 LV_FLEX_ALIGN_CENTER,
78 LV_FLEX_ALIGN_CENTER
79 );
80 ui->ctrl_pad.cont = obj;
81
82 /* tabview */
83 view_ctrl_pad_create(ui->ctrl_pad.cont, ui);
84
85 /* btn_cont */
86 obj = lv_obj_create(ui->ctrl_pad.cont);
87 lv_obj_remove_style_all(obj);
88 lv_obj_set_style_border_width(obj, 2, 0);
89 lv_obj_set_style_border_color(obj, lv_palette_lighten(LV_PALETTE_GREY, 2), 0);
90 lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_TOP, 0);
91 lv_obj_set_size(obj, LV_PCT(100), LV_SIZE_CONTENT);
92 lv_obj_set_style_pad_ver(obj, 16, 0);
93 lv_obj_set_flex_flow(obj, LV_FLEX_FLOW_ROW);
94 lv_obj_set_flex_align(
95 obj,
96 LV_FLEX_ALIGN_SPACE_AROUND,
97 LV_FLEX_ALIGN_CENTER,
98 LV_FLEX_ALIGN_CENTER
99 );
100 ui->ctrl_pad.btn.cont = obj;
101 ui->ctrl_pad.btn.add = btn_create(obj, "Add", lv_palette_main(LV_PALETTE_BLUE_GREY));
102 ui->ctrl_pad.btn.remove = btn_create(obj, "Remove", lv_palette_main(LV_PALETTE_RED));
103
104 lv_obj_send_event(ui->root, LV_EVENT_CLICKED, NULL); /*Make it active by default*/
105
106 /* fade effect */
107 lv_obj_fade_in(ui->root, 600, 0);
108 lv_obj_fade_in(ui->ctrl_pad.cont, 600, 300);
109 }
110
111 /**********************
112 * STATIC FUNCTIONS
113 **********************/
114
btn_create(lv_obj_t * par,const char * str,lv_color_t color)115 static lv_obj_t * btn_create(lv_obj_t * par, const char * str, lv_color_t color)
116 {
117 lv_obj_t * btn = lv_button_create(par);
118 lv_obj_set_width(btn, lv_pct(30));
119 lv_obj_set_height(btn, 30);
120 lv_obj_set_style_border_width(btn, 0, LV_PART_MAIN);
121 lv_obj_set_style_bg_color(btn, color, LV_PART_MAIN);
122 lv_obj_set_style_radius(btn, 5, LV_PART_MAIN);
123
124 lv_obj_t * label = lv_label_create(btn);
125 lv_label_set_text(label, str);
126 lv_obj_center(label);
127
128 return btn;
129 }
130
obj_child_node_def_style_init(lv_style_t * style)131 static void obj_child_node_def_style_init(lv_style_t * style)
132 {
133 lv_style_init(style);
134 lv_style_set_size(style, LV_PCT(45), LV_PCT(45));
135 lv_style_set_flex_flow(style, LV_FLEX_FLOW_ROW);
136 lv_style_set_layout(style, LV_LAYOUT_FLEX);
137 lv_style_set_radius(style, 0);
138 }
139
obj_child_node_checked_style_init(lv_style_t * style)140 static void obj_child_node_checked_style_init(lv_style_t * style)
141 {
142 lv_style_init(style);
143 lv_style_set_border_color(style, lv_palette_main(LV_PALETTE_BLUE));
144 lv_style_set_shadow_color(style, lv_palette_main(LV_PALETTE_GREY));
145 lv_style_set_shadow_width(style, 20);
146
147 static lv_style_transition_dsc_t tran;
148 static const lv_style_prop_t prop[] = {
149 LV_STYLE_SHADOW_OPA,
150 LV_STYLE_BORDER_COLOR,
151 LV_STYLE_PROP_INV
152 };
153 lv_style_transition_dsc_init(&tran, prop, lv_anim_path_ease_out, 300, 0, NULL);
154 lv_style_set_transition(style, &tran);
155 }
156
157 #endif
158
