qml自定义标题栏

在 QML 中自定义标题栏通常需要使用 Window 类和 Rectangle 类来实现。下面是一个简单的示例代码：

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Controls.Styles 1.4

Window {
    id: mainWindow
    width: 640
    height: 480
    visible: true
    flags: Qt.FramelessWindowHint

    Rectangle {
        id: titleBar
        height: 30
        width: mainWindow.width
        color: "#2F2F2F"

        MouseArea {
            anchors.fill: parent
            onClicked: {
                mainWindow.startSystemMove()
            }
        }

        Label {
            id: titleLabel
            text: "My Custom Title Bar"
            color: "#FFFFFF"
            font.pixelSize: 18
            anchors.centerIn: parent
        }

        Button {
            id: closeButton
            text: "X"
            height: 20
            width: 20
            color: "#FFFFFF"
            font.pixelSize: 12
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            onClicked: {
                mainWindow.close()
            }
        }
    }
}

在这个示例中，我们创建了一个 Window 对象并设置了一些基本属性，例如窗口大小和可见性等。然后，我们创建了一个 Rectangle 对象作为标题栏，并添加了一个 MouseArea 用于移动窗口。接下来，我们添加了一个 Label 来显示标题栏的文本，并使用 Button 添加了一个关闭按钮。

最后，我们将标题栏添加到窗口中。我们还设置了窗口的 flags 属性为 Qt.FramelessWindowHint，这将使窗口没有边框。这样我们就可以自定义窗口的外观，包括标题栏。