要实现进度条,而进度条是通过一个图片来展示的,比如逐渐增大的音量,或者逐步增大的车速,通过图片显示的效果肯定更好一些。最直接的想法是通过一个透明的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"}
}
那怎么才能实现把图片给遮住的效果呢?还真有