0

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

}
}
4

1 に答える 1

0

これを行う簡単で半ハックな方法は、radiusプロパティを使用しRectangleてボタンの角を非表示にすることです。

または、Qt のOpacityMaskを使用して適切なマスクを使用することもできます。

あなたが探しているアニメーションの種類がわかりません。その部分に答えるには、詳細を提供する必要があります。

于 2013-12-09T21:12:37.657 に答える