-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathlvgl_flex_example.py
More file actions
128 lines (112 loc) · 6.11 KB
/
lvgl_flex_example.py
File metadata and controls
128 lines (112 loc) · 6.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
import lvgl as lv
import lv_config
from lv_helper import SetFlag
ui_Screen1 = lv.obj()
ui_Screen1.remove_flag(lv.obj.FLAG.SCROLLABLE)
ui_Screen1.set_style_bg_color(lv.color_hex(0x000000), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Screen1.set_style_bg_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container5 = lv.obj(ui_Screen1)
ui_Container5.remove_style_all()
ui_Container5.set_width(lv.pct(90))
ui_Container5.set_height(lv.pct(90))
ui_Container5.set_align( lv.ALIGN.CENTER)
ui_Container5.set_flex_flow(lv.FLEX_FLOW.ROW_WRAP)
ui_Container5.set_flex_align(lv.FLEX_ALIGN.SPACE_EVENLY, lv.FLEX_ALIGN.START, lv.FLEX_ALIGN.SPACE_EVENLY)
SetFlag(ui_Container5, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container5, lv.obj.FLAG.SCROLLABLE, False)
ui_Container5.set_style_border_color(lv.color_hex(0x00D1FF), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container5.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container5.set_style_border_width( 5, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container5.set_style_pad_all( 5, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container5.set_style_pad_row( 5, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container5.set_style_pad_column( 5, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container9 = lv.obj(ui_Container5)
ui_Container9.remove_style_all()
ui_Container9.set_height(lv.pct(30))
ui_Container9.set_style_flex_grow(1, 0)
SetFlag(ui_Container9, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container9, lv.obj.FLAG.SCROLLABLE, False)
ui_Container9.set_style_border_color(lv.color_hex(0xFFFF00), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container9.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container9.set_style_border_width( 2, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container10 = lv.obj(ui_Container5)
ui_Container10.remove_style_all()
ui_Container10.set_height(lv.pct(30))
ui_Container10.set_width(lv.pct(15))
SetFlag(ui_Container10, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container10, lv.obj.FLAG.SCROLLABLE, False)
ui_Container10.set_style_border_color(lv.color_hex(0xFF00FA), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container10.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container10.set_style_border_width( 1, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container11 = lv.obj(ui_Container5)
ui_Container11.remove_style_all()
ui_Container11.set_height(lv.pct(30))
ui_Container11.set_width(lv.pct(5))
SetFlag(ui_Container11, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container11, lv.obj.FLAG.SCROLLABLE, False)
ui_Container11.set_style_border_color(lv.color_hex(0xFF00FA), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container11.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container11.set_style_border_width( 1, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container12 = lv.obj(ui_Container5)
ui_Container12.remove_style_all()
ui_Container12.set_height(lv.pct(30))
ui_Container12.set_width(lv.pct(15))
SetFlag(ui_Container12, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container12, lv.obj.FLAG.SCROLLABLE, False)
ui_Container12.set_style_border_color(lv.color_hex(0xFF00FA), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container12.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container12.set_style_border_width( 1, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container13 = lv.obj(ui_Container5)
ui_Container13.remove_style_all()
ui_Container13.set_height(lv.pct(30))
ui_Container13.set_width(lv.pct(25))
SetFlag(ui_Container13, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container13, lv.obj.FLAG.SCROLLABLE, False)
ui_Container13.set_style_border_color(lv.color_hex(0xFF00FA), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container13.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container13.set_style_border_width( 1, lv.PART.MAIN | lv.STATE.DEFAULT )
# row 2
ui_Container14 = lv.obj(ui_Container5)
ui_Container14.remove_style_all()
ui_Container14.set_height(lv.pct(30))
ui_Container14.set_style_flex_grow(3, 0)
SetFlag(ui_Container14, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container14, lv.obj.FLAG.FLEX_IN_NEW_TRACK, True)# <--- important
SetFlag(ui_Container14, lv.obj.FLAG.SCROLLABLE, False)
ui_Container14.set_style_border_color(lv.color_hex(0xFFFF00), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container14.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container14.set_style_border_width( 2, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Label = lv.label(ui_Container14)
ui_Label.set_text('Yellow boxes have\nflex-grow enabled.')
ui_Label.center()
ui_Container15 = lv.obj(ui_Container5)
ui_Container15.remove_style_all()
ui_Container15.set_height(lv.pct(30))
ui_Container15.set_style_flex_grow(1, 0)
SetFlag(ui_Container15, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container15, lv.obj.FLAG.SCROLLABLE, False)
ui_Container15.set_style_border_color(lv.color_hex(0xFFFF00), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container15.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container15.set_style_border_width( 2, lv.PART.MAIN | lv.STATE.DEFAULT )
# row 3
ui_Container16 = lv.obj(ui_Container5)
ui_Container16.remove_style_all()
ui_Container16.set_height(lv.pct(30))
ui_Container16.set_width(lv.pct(28))
SetFlag(ui_Container16, lv.obj.FLAG.FLEX_IN_NEW_TRACK, True )# <--- important
SetFlag(ui_Container16, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container16, lv.obj.FLAG.SCROLLABLE, False)
ui_Container16.set_style_border_color(lv.color_hex(0xFF00FA), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container16.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container16.set_style_border_width( 1, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container17 = lv.obj(ui_Container5)
ui_Container17.remove_style_all()
ui_Container17.set_height(lv.pct(30))
ui_Container17.set_style_flex_grow(1, 0)
SetFlag(ui_Container17, lv.obj.FLAG.CLICKABLE, False)
SetFlag(ui_Container17, lv.obj.FLAG.SCROLLABLE, False)
ui_Container17.set_style_border_color(lv.color_hex(0xFFFF00), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container17.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container17.set_style_border_width( 2, lv.PART.MAIN | lv.STATE.DEFAULT )
lv.screen_load(ui_Screen1)
print(f'--- LVGL Version: {lv.version_major()}.{lv.version_minor()}. ---')