如何在平鋪後QML中獲得圓角按鈕圖像

我有帶圓角按鈕圖像的按鈕圖像。我正在平鋪圖像以在QML中獲得更大的按鈕。我使用父母作爲矩形和圖像作爲BorderImage。平鋪後，我可以看到頂部圖像上的矩形。我需要刪除矩形的一部分，以便只有舍入的按鈕圖像（具有透明度）是可見的。即使我需要改變背後矩形的顏色，以便彩色動畫是可能的。如何在平鋪後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" 

} 
}

來源

2013-03-13 Jagadish Chougule

這是衆所周知的丟失掩碼的問題，我認爲它仍然存在於Qt Quick 2中。到目前爲止，我遇到的唯一解決方案是使用C++編寫自己的QML組件，然後使用它。 – user1095108 2013-03-13 07:35:18

一個簡單的和半劈辦法做到這一點是使用radius財產Rectangle隱藏您的按鈕的角落。

或者你可以通過使用Qt的OpacityMask來使用正確的掩碼。

我不確定你在找什麼樣的動畫。你必須提供更多的細節讓我回答這個部分。

來源

2013-12-09 21:12:37

如何在平鋪後QML中獲得圓角按鈕圖像

回答

相關問題