Qt/QML学习-Drawer

最新推荐文章于 2025-03-01 08:15:00 发布

放假当宅宅

最新推荐文章于 2025-03-01 08:15:00 发布

阅读量781

点赞数 23

分类专栏： Qt/QML学习文章标签： qt 学习

本文链接：https://blog.csdn.net/qq1138345424/article/details/141615584

版权

QML学习

Drawer例程
视频讲解
代码

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Drawer")

    Drawer {
        id: drawer
        width: parent.width / 4
        height: parent.height

        // 从屏幕左边滑出来
        edge: Qt.LeftEdge
        // 可以从屏幕边缘拉出来
        interactive: true
        // 内部视图不能超出抽屉视图边界显示
        clip: true
        // 关闭策略
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
        // 设置模态
        modal: true
        // 模态背景变暗
        dim: true
        // 绘制抽屉背景视图
        background: Rectangle{
            anchors.fil