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

我有圆形按钮图像的按钮图像。我正在平铺图像以在QML中获得更大的按钮。我使用父对象作为矩形，使用图像作为边框图像。在平铺后，我得到了顶部的矩形图像是可见的。我需要删除矩形的一部分，以便只有圆形按钮图像（具有透明度）可见。甚至我也需要更改后面矩形的颜色，以便可以进行彩色动画

请建议有效的方法删除后面的矩形，并提供彩色动画也

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

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"

}
}

---

一种简单的半黑客方法是使用

矩形

中的

半径

属性隐藏按钮的角

或者你可以通过使用Qt使用合适的面罩

---

我不确定你想要什么样的动画。您必须提供更多详细信息，以便我回答这一部分。

这是众所周知的缺少掩蔽的问题，我认为这一直存在于Qt Quick 2中。到目前为止，我唯一遇到的解决方案是在C++中编写自己的QML组件，然后使用它。