一、控件基本信息

Import Statement：import QtQuick.Controls 2.14
Since：Qt 5.7
Inherits：Popup

---

二、控件使用

Drawer：提供一个可以使用滑动手势打开和关闭的侧面板；Drawer 可以从上下左右四个方向打开；

import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.3

ApplicationWindow{
    visible: true;
    width: 1280;
    height: 720;

    Drawer {
        id: drawer
        width: 0.3 * parent.width
        height: parent.height
        dragMargin: parent.width * 0.1; //拉动开始生效的区域，最低为0，也就是0的位置拖动才有效

        Label {
            id: content_Drawer

            text: "content_Drawer"
            font.pixelSize: 40
            anchors.fill: parent
            verticalAlignment: Label.AlignVCenter
            horizontalAlignment: Label.AlignHCenter
        }
    }

    Label {
        id: content_main

        text: "content_main"
        font.pixelSize: 50
        anchors.fill: parent
        verticalAlignment: Label.AlignVCenter
        horizontalAlignment: Label.AlignHCenter

        transform: Translate {
            x: drawer.position * content_main.width * 0.33
        }
    }

}

---

三、属性成员

1、dragMargin : real

与屏幕边缘的距离，在该距离内拖动操作将打开 Drawer，默认值为 Qt.styleHints.startDragDistance
注意：设置为 小于等于 0 可禁用通过拖动打开Drawer；

2、edge : enumeration

打开 Drawer 的窗口边缘:

• Qt.TopEdge：上边缘；
• Qt.LeftEdge：左边缘（默认）；
• Qt.RightEdge：右边缘；
• Qt.BottomEdge：底部边缘；

3、interactive : bool

Drawer 是否是交互式的。 非交互式不会对滑动做出反应。默认为 true

4、position : real

Drawer 相对于其最终目的地的位置。完全关闭时位置为 0.0，完全打开时位置为 1.0