20-tabbars.otui

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