以上效果实际上是两个图片的叠加,先设置好背景图片,前面的图片把坐标调整好就行了
Item {
//MLX
id: engineSpeed
objectName: "engineSpeed"
x: 162.432
y: 60.1061
width: 0
height: 120
visible: true
clip: true
Image
{
//id: ui_INST_BAR_1STEP_C1
//objectName: "ui_INST_BAR_1STEP_C1"
//id:processBarRect
//objectName: "processBarRect"
// x: 0
// y: 0
// width: 595
// height: 120
visible: true
source: "qrc:/resource/19/fullgauge.png"
}
}
主要在于clip属性
然后只要动态的改变engineSpeed的宽度就行了