QML控件--Drawer

一、控件基本信息

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.3ApplicationWindow{visible: true;width: 1280;height: 720;Drawer {id: drawerwidth: 0.3 * parent.widthheight: parent.heightdragMargin: parent.width * 0.1; //拉动开始生效的区域，最低为0，也就是0的位置拖动才有效Label {id: content_Drawertext: "content_Drawer"font.pixelSize: 40anchors.fill: parentverticalAlignment: Label.AlignVCenterhorizontalAlignment: Label.AlignHCenter}}Label {id: content_maintext: "content_main"font.pixelSize: 50anchors.fill: parentverticalAlignment: Label.AlignVCenterhorizontalAlignment: Label.AlignHCentertransform: 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