• 8549阅读
  • 5回复

[提问]QML如何将方形图片处理成圆形显示? [复制链接]

上一主题 下一主题
离线tsuibin
 

只看楼主 倒序阅读 楼主  发表于: 2013-08-26
比如我们经常使用的照片,图标,默认都是矩形的,QML有没有什么方式,可以做一个圆形图像
离线XChinux

只看该作者 1楼 发表于: 2013-08-26
可做掩码图实现。即动态生成一个中间为透明边角为不透明的图(BMP即可,只有0, 1两个),用的时候,放两个Image,下面的为真图,上面的掩码图。这样中间就显示出来了。
二笔 openSUSE Vim N9 BB10 XChinux@163.com 网易博客 腾讯微博
承接C++/Qt、Qt UI界面、PHP及预算报销系统开发业务
离线realfan

只看该作者 2楼 发表于: 2013-08-27
Rectangle的radius属性,可以设置圆角
在里面放Image,再加载图片,看行不行。
离线aiff
只看该作者 3楼 发表于: 2013-10-11
haha  学习了
离线toby520

只看该作者 4楼 发表于: 2013-11-26
2楼正解,不过效果是可以达到,但是可能有毛刺,1楼的应该是C++里面需要处理的
QtQML多多指教开发社区 http://qtclub.heilqt.com
将QtCoding进行到底
关注移动互联网,关注金融
开发跨平台客户端,服务于金融行业
专业定制界面
群号:312125701   373955953(qml控件定做)
离线zgl007

只看该作者 5楼 发表于: 2016-05-27
    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
        }
    }
快速回复
限100 字节
 
上一个 下一个