Fluid 1.3.0
Material Design for QtQuick and Qml
Loading...
Searching...
No Matches
appbar.h
Go to the documentation of this file.
1// SPDX-FileCopyrightText: 2026 Pier Luigi Fiorini <pierluigi.fiorini@gmail.com>
2// SPDX-License-Identifier: MPL-2.0
3
4#pragma once
5
6#include <QtCore/qobject.h>
7#include <QtQml/qqmlregistration.h>
8
9#include "elevationtokens.h"
10#include "measurementtokens.h"
11#include "shapetokens.h"
12#include "statetokens.h"
13
14// Component values map to the AndroidX Material 3 generated tokens:
15// https://android.googlesource.com/platform/frameworks/support/+/5ba2cdd61be7b6945db999b238d14f3c626136fb/compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/tokens/
16// AppBarTokens.kt, TopAppBarTokens.kt, and SearchBarTokens.kt.
17
18namespace Fluid {
19
20struct AppBar
21{
22 Q_GADGET
23 QML_ANONYMOUS
24
25 Q_PROPERTY(qreal avatarSize READ avatarSize CONSTANT FINAL)
26 Q_PROPERTY(qreal iconButtonSpace READ iconButtonSpace CONSTANT FINAL)
27 Q_PROPERTY(qreal leadingSpace READ leadingSpace CONSTANT FINAL)
28 Q_PROPERTY(qreal trailingSpace READ trailingSpace CONSTANT FINAL)
29 Q_PROPERTY(Fluid::ShapeValue containerShape READ containerShape CONSTANT FINAL)
30 Q_PROPERTY(qreal mediumContainerHeight READ mediumContainerHeight CONSTANT FINAL)
31 Q_PROPERTY(qreal largeContainerHeight READ largeContainerHeight CONSTANT FINAL)
32 Q_PROPERTY(qreal containerElevation READ containerElevation CONSTANT FINAL)
33 Q_PROPERTY(qreal onScrollContainerElevation READ onScrollContainerElevation CONSTANT FINAL)
34 Q_PROPERTY(qreal smallContainerHeight READ smallContainerHeight CONSTANT FINAL)
35 Q_PROPERTY(
39 Q_PROPERTY(qreal largeFlexibleContainerHeight READ largeFlexibleContainerHeight CONSTANT FINAL)
42 Q_PROPERTY(qreal searchContainerHeight READ searchContainerHeight CONSTANT FINAL)
43 Q_PROPERTY(qreal horizontalPadding READ horizontalPadding CONSTANT FINAL)
44 Q_PROPERTY(qreal titleInset READ titleInset CONSTANT FINAL)
45 Q_PROPERTY(qreal mediumTitleBottomPadding READ mediumTitleBottomPadding CONSTANT FINAL)
46 Q_PROPERTY(qreal largeTitleBottomPadding READ largeTitleBottomPadding CONSTANT FINAL)
47 Q_PROPERTY(qreal mediumTitleSubtitleGap READ mediumTitleSubtitleGap CONSTANT FINAL)
48 Q_PROPERTY(qreal largeTitleSubtitleGap READ largeTitleSubtitleGap CONSTANT FINAL)
49 Q_PROPERTY(qreal minimumInteractiveSize READ minimumInteractiveSize CONSTANT FINAL)
50 Q_PROPERTY(qreal iconSize READ iconSize CONSTANT FINAL)
51 Q_PROPERTY(qreal searchOuterHorizontalPadding READ searchOuterHorizontalPadding CONSTANT FINAL)
52 Q_PROPERTY(qreal searchOuterFieldMargin READ searchOuterFieldMargin CONSTANT FINAL)
53 Q_PROPERTY(qreal searchAdaptiveBreakpoint READ searchAdaptiveBreakpoint CONSTANT FINAL)
54 Q_PROPERTY(qreal searchAdaptiveWidthFraction READ searchAdaptiveWidthFraction CONSTANT FINAL)
55 Q_PROPERTY(qreal searchLeadingSpace READ searchLeadingSpace CONSTANT FINAL)
56 Q_PROPERTY(qreal searchTrailingSpace READ searchTrailingSpace CONSTANT FINAL)
57 Q_PROPERTY(qreal searchContainedLeadingMargin READ searchContainedLeadingMargin CONSTANT FINAL)
58 Q_PROPERTY(
60 Q_PROPERTY(qreal searchContainedLeadingSpace READ searchContainedLeadingSpace CONSTANT FINAL)
61 Q_PROPERTY(qreal searchContainedTrailingSpace READ searchContainedTrailingSpace CONSTANT FINAL)
63 CONSTANT FINAL)
66 Q_PROPERTY(qreal searchIconLabelGap READ searchIconLabelGap CONSTANT FINAL)
67 Q_PROPERTY(qreal searchAvatarTargetSize READ searchAvatarTargetSize CONSTANT FINAL)
68 Q_PROPERTY(qreal searchAvatarSize READ searchAvatarSize CONSTANT FINAL)
69 Q_PROPERTY(qreal searchTrailingActionsGap READ searchTrailingActionsGap CONSTANT FINAL)
71 CONSTANT FINAL)
73 CONSTANT FINAL)
74 Q_PROPERTY(qreal overflowItemHeight READ overflowItemHeight CONSTANT FINAL)
75 Q_PROPERTY(qreal overflowHorizontalPadding READ overflowHorizontalPadding CONSTANT FINAL)
76 Q_PROPERTY(qreal overflowIconLabelGap READ overflowIconLabelGap CONSTANT FINAL)
77 Q_PROPERTY(qreal overflowMinimumWidth READ overflowMinimumWidth CONSTANT FINAL)
78 Q_PROPERTY(qreal overflowMaximumWidth READ overflowMaximumWidth CONSTANT FINAL)
79 Q_PROPERTY(qreal hoverStateLayerOpacity READ hoverStateLayerOpacity CONSTANT FINAL)
80 Q_PROPERTY(qreal focusStateLayerOpacity READ focusStateLayerOpacity CONSTANT FINAL)
81 Q_PROPERTY(qreal pressedStateLayerOpacity READ pressedStateLayerOpacity CONSTANT FINAL)
82 Q_PROPERTY(qreal disabledContentOpacity READ disabledContentOpacity CONSTANT FINAL)
83
84public:
85 constexpr qreal avatarSize() const
86 {
87 return 32.0;
88 }
89 constexpr qreal iconButtonSpace() const
90 {
91 return 0.0;
92 }
93 constexpr qreal leadingSpace() const
94 {
95 return 4.0;
96 }
97 constexpr qreal trailingSpace() const
98 {
99 return 4.0;
100 }
101 constexpr ShapeValue containerShape() const
102 {
103 return ShapeTokens{ }.cornerNone();
104 }
105 constexpr qreal mediumContainerHeight() const
106 {
107 return 112.0;
108 }
109 constexpr qreal largeContainerHeight() const
110 {
111 return 152.0;
112 }
113 constexpr qreal containerElevation() const
114 {
115 return ElevationTokens{ }.level0();
116 }
117 constexpr qreal onScrollContainerElevation() const
118 {
119 return ElevationTokens{ }.level2();
120 }
121 constexpr qreal smallContainerHeight() const
122 {
123 return 64.0;
124 }
125 constexpr qreal mediumFlexibleContainerHeight() const
126 {
127 return 112.0;
128 }
130 {
131 return 136.0;
132 }
133 constexpr qreal largeFlexibleContainerHeight() const
134 {
135 return 120.0;
136 }
138 {
139 return 152.0;
140 }
141 constexpr qreal searchContainerHeight() const
142 {
143 return 56.0;
144 }
145 constexpr qreal horizontalPadding() const
146 {
147 return 4.0;
148 }
149 constexpr qreal titleInset() const
150 {
151 return 16.0;
152 }
153 constexpr qreal mediumTitleBottomPadding() const
154 {
155 return 24.0;
156 }
157 constexpr qreal largeTitleBottomPadding() const
158 {
159 return 28.0;
160 }
161 constexpr qreal mediumTitleSubtitleGap() const
162 {
163 return 4.0;
164 }
165 constexpr qreal largeTitleSubtitleGap() const
166 {
167 return 8.0;
168 }
169 constexpr qreal minimumInteractiveSize() const
170 {
172 }
173 constexpr qreal iconSize() const
174 {
175 return 24.0;
176 }
177 constexpr qreal searchOuterHorizontalPadding() const
178 {
179 return 4.0;
180 }
181 constexpr qreal searchOuterFieldMargin() const
182 {
183 return 8.0;
184 }
185 constexpr qreal searchAdaptiveBreakpoint() const
186 {
187 return 312.0;
188 }
189 constexpr qreal searchAdaptiveWidthFraction() const
190 {
191 return 0.5;
192 }
193 constexpr qreal searchLeadingSpace() const
194 {
195 return 8.0;
196 }
197 constexpr qreal searchTrailingSpace() const
198 {
199 return 8.0;
200 }
201 constexpr qreal searchContainedLeadingMargin() const
202 {
203 return 24.0;
204 }
205 constexpr qreal searchContainedTrailingMargin() const
206 {
207 return 24.0;
208 }
209 constexpr qreal searchContainedLeadingSpace() const
210 {
211 return 4.0;
212 }
213 constexpr qreal searchContainedTrailingSpace() const
214 {
215 return 4.0;
216 }
218 {
219 return 16.0;
220 }
222 {
223 return 16.0;
224 }
225 constexpr qreal searchIconLabelGap() const
226 {
227 return 4.0;
228 }
229 constexpr qreal searchAvatarTargetSize() const
230 {
232 }
233 constexpr qreal searchAvatarSize() const
234 {
235 return 30.0;
236 }
237 constexpr qreal searchTrailingActionsGap() const
238 {
239 return 0.0;
240 }
241 constexpr qreal searchTrailingActionsLeadingSpace() const
242 {
243 return 4.0;
244 }
246 {
247 return 4.0;
248 }
249 constexpr qreal overflowItemHeight() const
250 {
251 return 48.0;
252 }
253 constexpr qreal overflowHorizontalPadding() const
254 {
255 return 12.0;
256 }
257 constexpr qreal overflowIconLabelGap() const
258 {
259 return 12.0;
260 }
261 constexpr qreal overflowMinimumWidth() const
262 {
263 return 112.0;
264 }
265 constexpr qreal overflowMaximumWidth() const
266 {
267 return 280.0;
268 }
269 constexpr qreal hoverStateLayerOpacity() const
270 {
272 }
273 constexpr qreal focusStateLayerOpacity() const
274 {
276 }
277 constexpr qreal pressedStateLayerOpacity() const
278 {
280 }
281 constexpr qreal disabledContentOpacity() const
282 {
283 return 0.38;
284 }
285};
286
287} // namespace Fluid
qreal searchTrailingActionsLeadingSpace
Definition appbar.h:71
constexpr qreal overflowIconLabelGap() const
Definition appbar.h:257
constexpr qreal largeTitleSubtitleGap() const
Definition appbar.h:165
qreal iconSize
Definition appbar.h:50
constexpr qreal searchLeadingSpace() const
Definition appbar.h:193
constexpr qreal iconButtonSpace() const
Definition appbar.h:89
qreal hoverStateLayerOpacity
Definition appbar.h:79
qreal iconButtonSpace
Definition appbar.h:26
qreal searchContainedLeadingSpace
Definition appbar.h:60
qreal searchIconLabelGap
Definition appbar.h:66
qreal searchTrailingActionsTrailingSpace
Definition appbar.h:73
qreal overflowMaximumWidth
Definition appbar.h:78
qreal mediumTitleSubtitleGap
Definition appbar.h:47
qreal largeTitleSubtitleGap
Definition appbar.h:48
qreal leadingSpace
Definition appbar.h:27
constexpr qreal iconSize() const
Definition appbar.h:173
qreal overflowIconLabelGap
Definition appbar.h:76
constexpr ShapeValue containerShape() const
Definition appbar.h:101
qreal mediumFlexibleContainerHeight
Definition appbar.h:36
qreal pressedStateLayerOpacity
Definition appbar.h:81
QML_ANONYMOUSqreal avatarSize
Definition appbar.h:25
constexpr qreal overflowMinimumWidth() const
Definition appbar.h:261
constexpr qreal searchTrailingActionsTrailingSpace() const
Definition appbar.h:245
qreal containerElevation
Definition appbar.h:32
constexpr qreal searchContainedLeadingMargin() const
Definition appbar.h:201
qreal searchContainerHeight
Definition appbar.h:42
qreal searchTrailingSpace
Definition appbar.h:56
constexpr qreal leadingSpace() const
Definition appbar.h:93
qreal searchOuterFieldMargin
Definition appbar.h:52
qreal searchOuterHorizontalPadding
Definition appbar.h:51
qreal searchAvatarSize
Definition appbar.h:68
constexpr qreal searchContainerHeight() const
Definition appbar.h:141
constexpr qreal pressedStateLayerOpacity() const
Definition appbar.h:277
qreal mediumTitleBottomPadding
Definition appbar.h:45
constexpr qreal containerElevation() const
Definition appbar.h:113
constexpr qreal mediumTitleSubtitleGap() const
Definition appbar.h:161
qreal mediumContainerHeight
Definition appbar.h:30
constexpr qreal largeContainerHeight() const
Definition appbar.h:109
constexpr qreal mediumFlexibleContainerHeight() const
Definition appbar.h:125
constexpr qreal searchIconLabelGap() const
Definition appbar.h:225
constexpr qreal hoverStateLayerOpacity() const
Definition appbar.h:269
qreal overflowHorizontalPadding
Definition appbar.h:75
constexpr qreal minimumInteractiveSize() const
Definition appbar.h:169
constexpr qreal titleInset() const
Definition appbar.h:149
constexpr qreal searchAdaptiveBreakpoint() const
Definition appbar.h:185
constexpr qreal searchTrailingActionsGap() const
Definition appbar.h:237
qreal mediumFlexibleContainerHeightWithSubtitle READ mediumFlexibleContainerHeightWithSubtitle
Definition appbar.h:38
qreal onScrollContainerElevation
Definition appbar.h:33
constexpr qreal overflowMaximumWidth() const
Definition appbar.h:265
constexpr qreal onScrollContainerElevation() const
Definition appbar.h:117
constexpr qreal largeFlexibleContainerHeightWithSubtitle() const
Definition appbar.h:137
constexpr qreal searchAvatarTargetSize() const
Definition appbar.h:229
qreal searchLeadingSpace
Definition appbar.h:55
qreal searchContainedTrailingSpace
Definition appbar.h:61
constexpr qreal searchOuterHorizontalPadding() const
Definition appbar.h:177
constexpr qreal overflowItemHeight() const
Definition appbar.h:249
constexpr qreal searchAvatarSize() const
Definition appbar.h:233
constexpr qreal searchOuterFieldMargin() const
Definition appbar.h:181
constexpr qreal horizontalPadding() const
Definition appbar.h:145
qreal titleInset
Definition appbar.h:44
qreal trailingSpace
Definition appbar.h:28
qreal largeContainerHeight
Definition appbar.h:31
constexpr qreal searchContainedTrailingMargin() const
Definition appbar.h:205
constexpr qreal searchTrailingActionsLeadingSpace() const
Definition appbar.h:241
constexpr qreal largeTitleBottomPadding() const
Definition appbar.h:157
qreal searchContainedNoActionsTrailingSpace READ searchContainedNoActionsTrailingSpace
Definition appbar.h:65
constexpr qreal smallContainerHeight() const
Definition appbar.h:121
qreal searchAvatarTargetSize
Definition appbar.h:67
constexpr qreal focusStateLayerOpacity() const
Definition appbar.h:273
qreal searchAdaptiveBreakpoint
Definition appbar.h:53
qreal overflowItemHeight
Definition appbar.h:74
qreal minimumInteractiveSize
Definition appbar.h:49
constexpr qreal largeFlexibleContainerHeight() const
Definition appbar.h:133
qreal searchContainedNoActionsLeadingSpace
Definition appbar.h:63
qreal searchTrailingActionsGap
Definition appbar.h:69
qreal smallContainerHeight
Definition appbar.h:34
constexpr qreal mediumTitleBottomPadding() const
Definition appbar.h:153
constexpr qreal searchContainedNoActionsLeadingSpace() const
Definition appbar.h:217
qreal largeTitleBottomPadding
Definition appbar.h:46
constexpr qreal searchAdaptiveWidthFraction() const
Definition appbar.h:189
qreal searchContainedTrailingMargin
Definition appbar.h:59
constexpr qreal searchTrailingSpace() const
Definition appbar.h:197
Fluid::ShapeValue containerShape
Definition appbar.h:29
constexpr qreal searchContainedLeadingSpace() const
Definition appbar.h:209
qreal horizontalPadding
Definition appbar.h:43
constexpr qreal overflowHorizontalPadding() const
Definition appbar.h:253
constexpr qreal mediumFlexibleContainerHeightWithSubtitle() const
Definition appbar.h:129
qreal searchAdaptiveWidthFraction
Definition appbar.h:54
qreal searchContainedLeadingMargin
Definition appbar.h:57
constexpr qreal searchContainedTrailingSpace() const
Definition appbar.h:213
constexpr qreal searchContainedNoActionsTrailingSpace() const
Definition appbar.h:221
qreal largeFlexibleContainerHeightWithSubtitle READ largeFlexibleContainerHeightWithSubtitle
Definition appbar.h:41
qreal focusStateLayerOpacity
Definition appbar.h:80
constexpr qreal mediumContainerHeight() const
Definition appbar.h:105
qreal overflowMinimumWidth
Definition appbar.h:77
qreal largeFlexibleContainerHeight
Definition appbar.h:39
constexpr qreal trailingSpace() const
Definition appbar.h:97
constexpr qreal disabledContentOpacity() const
Definition appbar.h:281
qreal disabledContentOpacity
Definition appbar.h:82
Material Design 3 system elevation tokens.
QML_ANONYMOUSqreal level0
Material Design 3 system measurement tokens.
QML_ANONYMOUSqreal minimumInteractiveSize
Material Design 3 system shape tokens.
Definition shapetokens.h:48
Fluid::ShapeValue cornerNone
Definition shapetokens.h:66
Material Design 3 system state tokens.
Definition statetokens.h:18
qreal focusStateLayerOpacity
Definition statetokens.h:23
qreal hoverStateLayerOpacity
Definition statetokens.h:24
qreal pressedStateLayerOpacity
Definition statetokens.h:25