qml - 平铺后如何在QML中获得圆角按钮图像

Question

我有带有圆形按钮图像的按钮图像。我正在平铺图像以在 QML 中获得更大的按钮。我将父级用作矩形，将图像用作 BorderImage。平铺后，顶部图像上的矩形可见。我需要删除矩形的一部分，以便只有圆形按钮图像（具有透明度）可见。即使我需要更改后面矩形的颜色，以便可以进行彩色动画。

请提出有效的方法来删除后面的矩形并提供彩色动画。

我将圆形按钮边框图像附加为附件和用于平铺按钮图像的源代码。

Rectangle{
id:outerBorderRect
smooth:true
anchors.fill:parent
//opacity:.25
//border.width:0
BorderImage{

id:innerBorderRect
smooth:true
anchors.fill:parent
border{left:20;top:16;right:17;bottom:20}
horizontalTileMode:BorderImage.Round
verticalTileMode:BorderImage.Round

source:"button_3.png"

}
}

Answer 1

一种简单且半破解的方法是使用radius属性 inRectangle隐藏按钮的角。

或者您可以使用 Qt 的OpacityMask来使用适当的掩码。

我不确定你在寻找什么样的动画。您必须提供更多详细信息才能让我回答该部分。