使用qml创建圆角主窗口

在qml中,ApplicationWindow组件本身不支持直接设置圆角,但可以通过巧妙的方法实现这一效果。具体做法是隐藏ApplicationWindow,避免使用opacity属性以防止影响子窗口显示,改用color属性来达到隐藏目的,同时为子窗口添加圆角。以下为相关代码实现。
摘要由CSDN通过智能技术生成

需要注意的是,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
        }
    }
}

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值