20-tabbars.otui

main 132 lines · 2.5 KB Raw
Alex Alex Commit Client Upload Part 1 19/10/2026 00:04
1MoveableTabBar < UIMoveableTabBar
2 size: 80 21
3MoveableTabBarPanel < Panel
4MoveableTabBarButton < UIButton
5 size: 20 21
6 image-source: /images/ui/tabbutton_square
7 image-color: #dfdfdf
8 image-clip: 0 0 20 21
9 image-border: 3
10 image-border-bottom: 0
11 icon-color: #dfdfdf
12 color: #dfdfdf
13 anchors.top: parent.top
14 anchors.left: parent.left
15 padding: 5
16
17 $hover !checked:
18 image-clip: 0 21 20 21
19 color: #dfdfdf
20
21 $disabled:
22 image-color: #dfdfdf88
23 icon-color: #dfdfdf
24
25 $checked:
26 image-clip: 0 42 20 21
27 color: #dfdfdf
28
29 $on !checked:
30 color: #de6f6f
31
32TabBar < UITabBar
33 size: 80 21
34 Panel
35 id: buttonsPanel
36 anchors.fill: parent
37TabBarPanel < Panel
38TabBarButton < UIButton
39 size: 20 21
40 image-source: /images/ui/tabbutton_square
41 image-source: /images/ui/tabbutton_square
42 image-color: #dfdfdf
43 image-clip: 0 0 20 21
44 image-border: 3
45 image-border-bottom: 0
46 icon-color: #dfdfdf
47 color: #dfdfdf
48 anchors.top: parent.top
49 padding: 5
50
51 $first:
52 anchors.left: parent.left
53
54 $!first:
55 anchors.left: prev.right
56 margin-left: 5
57
58 $hover !checked:
59 image-clip: 0 21 20 21
60 color: #dfdfdf
61
62 $disabled:
63 image-color: #dfdfdf88
64 icon-color: #dfdfdf
65
66 $checked:
67 image-clip: 0 42 20 21
68 color: #dfdfdf
69
70 $on !checked:
71 color: #dfdfdf
72
73TabBarRounded < TabBar
74TabBarRoundedPanel < TabBarPanel
75TabBarRoundedButton < TabBarButton
76 image-source: /images/ui/tabbutton_rounded
77 size: 22 23
78 image-clip: 0 0 22 23
79
80 $hover !checked:
81 image-clip: 0 23 22 23
82
83 $checked:
84 image-clip: 0 46 22 23
85
86TabBarVertical < UITabBar
87 width: 96
88 ScrollableFlatPanel
89 id: buttonsPanel
90 anchors.top: parent.top
91 anchors.left: parent.left
92 anchors.right: scrollBar.left
93 anchors.bottom: parent.bottom
94 vertical-scrollbar: scrollBar
95 margin-right: 1
96 padding-top: 10
97
98 VerticalScrollBar
99 id: scrollBar
100 anchors.top: parent.top
101 anchors.bottom: parent.bottom
102 anchors.right: parent.right
103 step: 16
104 pixels-scroll: true
105 $!on:
106 width: 0
107TabBarVerticalPanel < Panel
108TabBarVerticalButton < UIButton
109 size: 48 48
110 color: #aaaaaa
111 anchors.left: parent.left
112 anchors.right: parent.right
113 text-align: bottom
114 icon-align: top
115 icon-offset-y: 2
116 icon-color: #888888
117 $first:
118 anchors.top: parent.top
119 $!first:
120 anchors.top: prev.bottom
121 margin-top: 10
122 $hover !checked:
123 color: white
124 icon-color: #dfdfdf
125 $disabled:
126 icon-color: #333333
127 $checked:
128 icon-color: #ffffff
129 color: #80c7f8
130 $on !checked:
131 color: #F55E5E
132
Top