Bootstrap

使用qml创建圆角主窗口

需要注意的是,qml的ApplicationWindow无法直接设置圆角,但我们可以隐藏ApplicationWindow,隐藏时不能使用opacity属性隐藏,因为这个属性会继承,导致子窗口全部隐藏,可以使用color隐藏,该属性不继承,然后设置子窗口圆角。下面上代码:

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15


ApplicationWindow {
    id: root
    visible: true
    width: 1620
    height: 880
    title: "test"
    flags: Qt.Window | Qt.FramelessWindowHint
    color:"#00000000"

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 0
        spacing: 0
        clip: true

        Rectangle {
            id: rect
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "lightblue"
            radius: 20
        }
    }
}

;