qt圆形图像剪切

自由软件开发者

已于 2022-10-20 22:52:22 修改

阅读量252

点赞数

CC 4.0 BY-SA版权

分类专栏： QT编程文章标签： qt5

于 2022-10-20 11:53:28 首次发布

原文链接：https://blog.youkuaiyun.com/u011046042/article/details/119355168

QT编程专栏收录该内容

148 篇文章

订阅专栏

这篇博客展示了如何在QML中结合Rectangle和OpacityMask组件，以及配合C++代码，创建一个图像剪切效果。通过设置Rectangle的半径和OpacityMask的属性，实现了圆形图像显示。QML的代码详细描述了组件的布局和属性设置，而C++部分则包含了应用的入口和QML文件的加载过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

剪切代码:



Rectangle{
                    id:idRectRound
                    width: 250
                    height: 250
                    radius: width/2
                    anchors.centerIn: parent
                    color: "#ff00ff"
                    visible: false
                }
                Image {
                    id: idRectImg
                    width: 250
                    height: 250
                    anchors.centerIn: parent
                    source: "qrc:/res/demo.png"
                    visible: false
                    smooth: true
                }
                OpacityMask {
                    anchors.fill: idRectRound
                    source: idRectImg
                    maskSource: idRectRound
               }

完整QML源码

import QtQuick 2.12
import QtQuick.Window 2.12
import QtGraphicalEffects 1.0

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    color:"black"
    Rectangle{
                        id:idRectRound
                        width: 250
                        height: 250
                        radius: width/2
                        anchors.centerIn: parent
                        color: "#ff00ff"
                        visible: false
                        border.color: "yellow"
                        border.width: 2
                    }
                    Image {
                        id: idRectImg
                        anchors.centerIn: parent
                        source: "qrc:/res/demo.png"
                        visible: false
                        smooth: true
                    }
                    OpacityMask {
                        anchors.fill: idRectRound
                        source: idRectImg
                        maskSource: idRectRound
                   }
}

C++代码:

#include <QGuiApplication>
#include <QQmlApplicationEngine>


int main(int argc, char *argv[])
{
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);

    return app.exec();
}