-
Notifications
You must be signed in to change notification settings - Fork 1
/
TypographyDemo.qml
121 lines (98 loc) · 2.76 KB
/
TypographyDemo.qml
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
import QtQuick 2.4
import QtQuick.Layouts 1.1
import Material 0.2
import Material.ListItems 0.1 as ListItem
Item {
implicitHeight: column.height
property var styles: [
"display4",
"display3",
"display2",
"display1",
"headline",
"title",
"subheading",
"body2",
"body1",
"caption",
"button"
]
ColumnLayout {
id: column
spacing: dp(16)
ListItem.Subheader {
text: "Font Weights"
}
Label {
font.family: "Roboto"
font.weight: Font.Light
text: "Roboto Light"
font.pixelSize: dp(34)
anchors {
left: parent.left
margins: dp(16)
}
}
Label {
font.family: "Roboto"
text: "Roboto Regular"
font.pixelSize: dp(34)
anchors {
left: parent.left
margins: dp(16)
}
}
Label {
font.family: "Roboto"
font.weight: Font.DemiBold
text: "Roboto Medium"
font.pixelSize: dp(34)
anchors {
left: parent.left
margins: dp(16)
}
}
Label {
font.family: "Roboto"
font.weight: Font.Bold
text: "Roboto Bold"
font.pixelSize: dp(34)
anchors {
left: parent.left
margins: dp(16)
}
}
ListItem.Subheader {
text: "Label Styles"
}
Repeater {
model: styles
delegate: Row {
anchors {
left: parent.left
margins: dp(16)
}
Label {
text: modelData
width: dp(100)
}
Label {
style: modelData
text: {
var text = fontInfo["font"].substring(0,1).toUpperCase() + fontInfo["font"].substring(1)
if (style == "button")
text += " (ALL CAPS)"
text += " " + fontInfo["size"] + "sp"
if (fontInfo.size_desktop) {
text += " (Device), " + fontInfo["font"].substring(0,1).toUpperCase() + fontInfo["font"].substring(1)
if (style == "button")
text += " (ALL CAPS)"
text += " " + fontInfo["size_desktop"] + "sp (Desktop)"
}
return text
}
}
}
}
}
}