Hello all,
i'm working on an app that, so far, works well on phone screen. But when connecting the phone to a TV over USB-C-to-HDMI-cable e.g. the PageHeader text is extremely large. Here's a sample code:
Rectangle {
id: mainPage
anchors.fill: parent
PageHeader {
id: header
title: "ABC"
z: 1
contents: Rectangle {
id: hdrrec
anchors.fill: parent
color: "white"
Text {
id: hdrtxt
anchors.left: hdrrec.left
anchors.verticalCenter: hdrrec.verticalCenter
text: header.title
font.pointSize: 40
}
If i change font.pointSize
to font.pixelSize
the text is much smaller on phone screen but not on TV, it's still very large, i can't even see a difference between font.pointSize
and font.pixelSize
.
Does anyone know what i should change or which Text QML Type properties to use? I can't find any useful informations from Google. I guess it's a special Ubuntu Touch thing, because of the possibility to change between windowed and staged mode?
This is not the only problem, maybe someone can help me with the others, too.
Edit: I have found Screen QML Type, is this the way to go?