subsurface/mobile-widgets/qml/ThemeTest.qml
Dirk Hohndel 6d1effe886 QML UI: more theme information
The fonts on my Nexus 6p are way too big (especially when compared
to the fonts of the same build on an iPhone 6plus that has very
similar screen size). Simply trying to get more data...

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
2016-04-05 16:50:43 -07:00

129 lines
2.1 KiB
QML

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.1
import QtQuick.Window 2.2
import org.kde.kirigami 1.0 as Kirigami
Kirigami.Page {
title: "Theme Information"
/* this can be done by hitting the back key
contextualActions: [
Action {
text: "Close Theme info"
iconName: "dialog-cancel"
onTriggered: {
stackView.pop()
contextDrawer.close()
}
}
]
*/
GridLayout {
id: themetest
columns: 2
anchors.margins: Kirigami.Units.gridUnit / 2
Kirigami.Heading {
Layout.columnSpan: 2
text: "Theme Information"
}
Kirigami.Heading {
text: "Screen"
Layout.columnSpan: 2
level: 3
}
FontMetrics {
id: fm
}
Kirigami.Label {
text: "Geometry (pixels):"
}
Kirigami.Label {
text: rootItem.width + "x" + rootItem.height
}
Kirigami.Label {
text: "Geometry (gridUnits):"
}
Kirigami.Label {
text: Math.round(rootItem.width / Kirigami.Units.gridUnit) + "x" + Math.round(rootItem.height / Kirigami.Units.gridUnit)
}
Kirigami.Label {
text: "Units.gridUnit:"
}
Kirigami.Label {
text: Kirigami.Units.gridUnit
}
Kirigami.Label {
text: "Units.devicePixelRatio:"
}
Kirigami.Label {
text: Screen.devicePixelRatio
}
Kirigami.Heading {
text: "Font Metrics"
level: 3
Layout.columnSpan: 2
}
Kirigami.Label {
text: "FontMetrics pointSize:"
}
Kirigami.Label {
text: fm.font.pointSize
}
Kirigami.Label {
text: "FontMetrics pixelSize:"
}
Kirigami.Label {
text: fm.height
}
Kirigami.Label {
text: "FontMetrics devicePixelRatio:"
}
Kirigami.Label {
text: fm.height / fm.font.pointSize
}
Kirigami.Label {
text: "Text item pixelSize:"
}
Text {
text: font.pixelSize
}
Kirigami.Label {
text: "Text item pointSize:"
}
Text {
text: font.pointSize
}
Kirigami.Label {
text: "Pixel density:"
}
Text {
text: Screen.pixelDensity
}
Kirigami.Label {
text: "Height of default font:"
}
Text {
text: font.pixelSize / Screen.pixelDensity + "mm"
}
Kirigami.Label {
Layout.columnSpan: 2
Layout.fillHeight: true
}
}
}