Qt/QML编程之路：图片进度条的实现(50)

要实现进度条，而进度条是通过一个图片来展示的，比如逐渐增大的音量，或者逐步增大的车速，通过图片显示的效果肯定更好一些。最直接的想法是通过一个透明的rectagle，把不想让看到的遮住，实际上这种方法不可行。

import QtQuick 2.5
import QtQuick.Window 2.2
import QtGraphicalEffects 1.0Window {visible: truewidth: 1920height: 720title: qsTr("Hello World")Image{id:bgAirConditionerImageanchors.fill:parentobjectName:"bgRectObject"source:"qrc:/bg2.png"visible: true}Image{id:underlyingImagex:33;y:-55fillMode: Image.PreserveAspectCroplayer.enabled: truelayer.effect: OpacityMask {maskSource: hiding_rect}source:"qrc:/circle1.png"}Rectangle{id:hiding_rectwidth: underlyingImage.widthheight: underlyingImage.height/2color: "transparent"}
}

 那怎么才能实现把图片给遮住的效果呢？还真有