《QT实用小工具·四十二》圆形发光图像

梦回阑珊

已于 2024-04-26 09:24:55 修改

阅读量868

点赞数 19

CC 4.0 BY-SA版权

分类专栏： QT实用小工具文章标签： qt 开发语言 c++ QWidget QML

于 2024-04-25 20:23:13 首次发布

本文链接：https://blog.youkuaiyun.com/cs1395293598/article/details/138198750

QT实用小工具专栏收录该内容

68 篇文章

订阅专栏

1、概述
源码放在文章末尾

该项目实现了图像的发光效果，特别适合做头像，项目demo演示如下所示：
在这里插入图片描述

项目部分代码如下所示：

import QtQuick 2.7
import QtGraphicalEffects 1.12

Item
{
    id: root
    width: 80
    height: 80

    property int radius: width >> 1;    //默认宽度的一半
    property alias source: image.source;
    property alias mipmap: image.mipmap;
    property alias fillMode: image.fillMode;

    Image
    {
        id: image
        sourceSize: Qt.size(parent.width, parent.height)
        mipmap: true
        visible: false
    }

    Rectangle
    {
        id: mask
        anchors.fill: parent
        radius: root.radius
        visible: false
    }

    OpacityMask
    {
        anchors.fill: parent
        source: image
        maskSource: mask
    }
}