Qt qml Frameless

XiaoHG_CSDN

已于 2022-05-16 14:38:46 修改

阅读量563

点赞数

CC 4.0 BY-SA版权

分类专栏： qt qml 文章标签： qt 开发语言

于 2022-05-16 11:18:59 首次发布

本文链接：https://blog.csdn.net/XiaoHG_CSDN/article/details/124796011

该博客介绍了如何使用Qt QML创建一个无边框的应用程序窗口，并实现了自定义标题栏以及窗口的拖动功能。CustomTitleBar组件包含拖动和菜单功能，WindowFramelessItem组件提供了窗口边缘的拖动来改变大小。这个示例展示了Qt Quick Controls2和Qt Quick Layouts在创建自定义窗口界面中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Qt qml Frameless

main.qml (demo)

//main.qml
import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3

ApplicationWindow {
    id: mainWindow
    width: 400
    height: 400
    visible: true
    title: qsTr('Frameless')
    color: "lightgray"
    flags: Qt.Window | Qt.FramelessWindowHint

    //custom title
    CustomTitleBar{
        anchors.top: parent.top
        anchors.left: parent.left
        height: 35
    }

    //draggable support
    WindowFramelessItem{
        anchors.fill: parent
    }
}

CustomTitleBar.qml: custom title

//CustomTitleBar.qml
import QtQuick 2.0
import QtQuick.Controls 2.12

//custom title
Item {
    anchors.fill: parent

    property int previousX
    property int previousY

    Rectangle {
        id: titleBar
        width: parent.width
        height: 35
        color