丸みを帯びたボタン画像のボタン画像があります。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"
}
}