标题:QML如何将方形图片处理成圆形显示？
作者:tsuibin
日期:2013-08-26 09:36
内容:
比如我们经常使用的照片，图标，默认都是矩形的，QML有没有什么方式，可以做一个圆形图像？
#1 [XChinux 08-26 10:23]
可做掩码图实现。即动态生成一个中间为透明边角为不透明的图（BMP即可，只有0, 1两个），用的时候，放两个Image,下面的为真图，上面的掩码图。这样中间就显示出来了。
#2 [realfan 08-27 17:06]
Rectangle的radius属性，可以设置圆角
在里面放Image，再加载图片，看行不行。
#3 [aiff 10-11 15:57]
haha学习了
#4 [toby520 11-26 14:16]
2楼正解，不过效果是可以达到，但是可能有毛刺，1楼的应该是C++里面需要处理的
#5 [zgl007 05-27 10:50]
Item {
width: parent.width
height: width
Image {
id: bug
source: "qrc:/testsdf.png"
sourceSize: Qt.size(parent.width, parent.height)
smooth: true
visible: false
}
Rectangle{
id: mask
anchors.fill: parent
radius: height/2
visible: false
}
OpacityMask {
anchors.fill: parent
source: bug
maskSource: mask
}
}