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

Question

我有带有圆形按钮图像的按钮图像。我正在平铺图像以获得QML中更大的按钮。我使用parent作为矩形，图像作为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中的Rectangle属性隐藏按钮的角落。

或者你可以使用Qt的OpacityMask来使用正确的面具。

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