Having tried every possible combination of fixed and dynamic sizing of CircularGauge elements that I can think of, I have every single time been displayed an element that has 2x the height necessary to display the half-circle form of the gauge. Can you provide an example where the gauge's element would *not* be 2x the height of a half-circle gauge?
Or, to state another way - is there any way of having a half-circle CircularGauge filling the entire height of its element, rather than only half of the height.
See, for the following example, no size is specified, and yet the container ends up 2x the height of the half-circle gauge:
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
MainForm {
anchors.fill: parent
GridLayout {
id: gridlayout
columns: 1
rows: 2
anchors.fill: parent
Layout.margins: 0
Rectangle {
color: "#000000"
CircularGauge {
style: CircularGaugeStyle {
maximumValueAngle: 90
minimumValueAngle: -90
}
}
}
Rectangle {
color: "#ccffcc"
border.color: "black"
height: 50
width: 100
}
}
}
}
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
MainForm {
anchors.fill: parent
GridLayout {
id: gridlayout
columns: 1
rows: 2
anchors.fill: parent
Layout.margins: 0
Rectangle {
color: "#000000"
CircularGauge {
style: CircularGaugeStyle {
maximumValueAngle: 90
minimumValueAngle: -90
}
}
}
Rectangle {
color: "#ccffcc"
border.color: "black"
height: 50
width: 100
}
}
}
}
To copy to clipboard, switch view to plain text mode
Bookmarks