美文网首页
qml之通过OpacityMask 画圆形头象

qml之通过OpacityMask 画圆形头象

作者: dotdiw | 来源:发表于2018-01-08 13:45 被阅读60次
效果图片
import QtQuick 2.0
import QtGraphicalEffects 1.0
Item {
    Rectangle {
        id: _image
        width: 50
        height: 50
        Image {
            id: _source
            smooth: true
            visible: false
            anchors.fill: parent
            source: Qt.resolvedUrl("./images/1.jpg")
            sourceSize: Qt.size(parent.size, parent.size)
            antialiasing: true
        }
        Rectangle {
            id: _mask
            color: "black"
            anchors.fill: parent
            radius: width/2
            visible: true
            antialiasing: true
            smooth: true
        }
        OpacityMask {
            id:mask_image
            anchors.fill: _image
            source: _source
            maskSource: _mask
            visible: true
            antialiasing: true
        }
    }
}

相关文章

  • qml之通过OpacityMask 画圆形头象

  • Qml圆形图片

    使用QtGraphicalEffects中的OpacityMask效果: 需要完整代码请访问QtQuickExam...

  • Qml圆形进度条

    使用Qml的Canvas来画圆形 需要完整代码请访问QtQuickExamples

  • Qml圆形进度按钮

    首先从方形到圆形的转变只需要更改Rectangle的radius值就行了转变成圆形后就可以出现圆形进度条 需要完整...

  • C++调用QML代码

    C++调用QML实际上就是通过 QML 对象的指针去访问QML对象的属性和方法 只要获取到QML对象的指针,接下来...

  • PyQt5

    用QML渲染界面 第一种: 通过QQickView 注意: QQickView的main.qml根节点不能是App...

  • QtQuick/Qml自定义控件(9)-Quick组件管理

    Qml开发中经常需要使用大量的动态创建的对象, 并且需要进行管理. qml可以通过Qt.createCompone...

  • Qml圆形波浪进度条

    参考 Canvas制作动态进度加载水球感谢原博主的分享 需要完整代码请访问QtQuickExamples

  • QML 实现App通用tabBar

    QML tabBar 默认是Material 风格,默认只能顶部Tab 使用,象常用软件底部tabBar 风格.需...

  • 圆形画

    这两天都在画圆形画,看似简单,却有难度,细节处理起来,还需加油,我画了两幅一样的画,但效果不一样的,算一个小进步。...

网友评论

      本文标题:qml之通过OpacityMask 画圆形头象

      本文链接:https://www.haomeiwen.com/subject/iucbnxtx.html