qt - 如何在 qml 中将半径应用于 ApplicationWindow

Question

我有一个关于如何在ApplicationWindow中修剪边缘的问题，我尝试使用剪辑、不透明度和 qml 语言的许多标准方法我的代码：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtGraphicalEffects 1.13

ApplicationWindow {
    id: loginPage
    visible: true
    opacity: 0.8
    x: 732; y:245
    width: 456; height: 529
    color: "#3C096C"
    flags: Qt.FramelessWindowHint
}

这是我想要得到的结果：

标签： qtqml

Answer 1

另一种选择是使用 QWindow 的 setMask() 方法：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include <QWindow>

class Utils: public QObject{
    Q_OBJECT
public:
    using QObject::QObject;
    Q_INVOKABLE void applyRadius(QWindow *window, int radius){

        QRect r(QPoint(), window->geometry().size());
        QRect rb(0, 0, 2 * radius, 2 * radius);

        QRegion region(rb, QRegion::Ellipse);
        rb.moveRight(r.right());
        region += QRegion(rb, QRegion::Ellipse);
        rb.moveBottom(r.bottom());
        region += QRegion(rb, QRegion::Ellipse);
        rb.moveLeft(r.left());
        region += QRegion(rb, QRegion::Ellipse);
        region += QRegion(r.adjusted(radius, 0, -radius, 0), QRegion::Rectangle);
        region += QRegion(r.adjusted(0, radius, 0, -radius), QRegion::Rectangle);
        window->setMask(region);
    }
};

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);

    Utils utils;

    QQmlApplicationEngine engine;
    engine.rootContext()->setContextProperty("Utils", &utils);

    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();
}

#include "main.moc"

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtGraphicalEffects 1.13

ApplicationWindow {
    id: loginPage
    visible: true
    opacity: 0.8
    x: 732; y:245
    width: 456; height: 529
    color: "#3C096C"
    flags: Qt.FramelessWindowHint
    Component.onCompleted: ()=> Utils.applyRadius(loginPage, 20);
}