Qt QML实现无边框窗口的实例代码

import QtQuick 2.15
import QtQuick.Window 2.15
 
Window {
    id: mainWindow
    width: 800
    height: 600
    visible: true
    title: "Frameless Window"
 
    // 关键：添加无边框标志
    flags: Qt.Window | Qt.FramelessWindowHint  // 必须保留 Qt.Window 基础标志
 
    // 背景设置（无边框时需显式设置背景，否则可能透明）
    color: "lightblue"  // 或使用 Rectangle 作为根容器
 
    // 其他内容（如自定义标题栏、内容区域）
    Text {
        text: "Hello, Frameless Window!"
        anchors.centerIn: parent
        font.pixelSize: 24
    }
}

Window {
    // ...
    Rectangle {
        anchors.fill: parent
        color: "lightblue"
        Text { text: "Content"; anchors.centerIn: parent }
    }
}

Window {
    // ...（其他属性）
 
    MouseArea {
        id: dragArea
        anchors.fill: parent
        property point clickPos: "0,0"
 
        onPressed: {
            clickPos = Qt.point(mouse.x, mouse.y)
        }
 
        onPositionChanged: {
            var delta = Qt.point(mouse.x - clickPos.x, mouse.y - clickPos.y)
            mainWindow.x += delta.x
            mainWindow.y += delta.y
        }
    }
}

Window {
    // ...（其他属性）
 
    property bool resizeEnabled: false
    property real resizeMargin: 5  // 边缘检测范围（像素）
 
    MouseArea {
        id: resizeArea
        anchors.fill: parent
        hoverEnabled: true
 
        // 检测鼠标是否在右下角区域
        property bool isOnResizeCorner: 
            (mouse.x > width - resizeMargin) && (mouse.y > height - resizeMargin)
 
        cursorShape: isOnResizeCorner ? Qt.SizeFDiagCursor : Qt.IBeamCursor
 
        onPressed: {
            if (isOnResizeCorner) {
                resizeEnabled = true;
                mouse.accepted = true;
            }
        }
 
        onPositionChanged: {
            if (resizeEnabled) {
                mainWindow.width = Math.max(100, mouse.x + 1);  // 最小宽度限制
                mainWindow.height = Math.max(100, mouse.y + 1); // 最小高度限制
            }
        }
 
        onReleased: {
            resizeEnabled = false;
        }
    }
}

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
 
Window {
    id: mainWindow
    width: 800
    height: 600
    visible: true
    title: "Custom Frameless Window"
    flags: Qt.Window | Qt.FramelessWindowHint
    color: "#f0f0f0"
 
    // 自定义标题栏
    Rectangle {
        id: titleBar
        width: parent.width
        height: 40
        color: "#e0e0e0"
 
        Text {
            text: mainWindow.title
            anchors.left: parent.left
            anchors.leftMargin: 10
            anchors.verticalCenter: parent.verticalCenter
            font.bold: true
        }
 
        // 关闭按钮
        Button {
            text: "×"
            anchors.right: parent.right
            anchors.rightMargin: 10
            anchors.verticalCenter: parent.verticalCenter
            width: 30
            height: 30
            onClicked: Qt.quit()
        }
    }
 
    // 窗口拖动区域（标题栏）
    MouseArea {
        id: dragArea
        anchors.fill: titleBar
        property point clickPos: "0,0"
 
        onPressed: clickPos = Qt.point(mouse.x, mouse.y)
        onPositionChanged: {
            var delta = Qt.point(mouse.x - clickPos.x, mouse.y - clickPos.y)
            mainWindow.x += delta.x
            mainWindow.y += delta.y
        }
    }
 
    // 内容区域
    Rectangle {
        anchors.top: titleBar.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        color: "white"
 
        Text {
            anchors.centerIn: parent
            text: "Main Content Area"
            font.pixelSize: 24
        }
    }
}