qml_views/rolistyle/Drawer.qml

0001 import QtQuick 2.15
0002 import QtQuick.Controls 2.15
0003 import QtQuick.Controls.impl 2.15
0004 import QtQuick.Templates 2.15 as T
0005 import Customization 1.0
0006
0007 T.Drawer {
0008     id: control
0009     property QtObject style: Theme.styleSheet("Palette")
0010     parent: T.Overlay.overlay
0011
0012     implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
0013                             contentWidth + leftPadding + rightPadding)
0014     implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
0015                              contentHeight + topPadding + bottomPadding)
0016
0017     topPadding: control.edge === Qt.BottomEdge
0018     leftPadding: control.edge === Qt.RightEdge
0019     rightPadding: control.edge === Qt.LeftEdge
0020     bottomPadding: control.edge === Qt.TopEdge
0021
0022     enter: Transition { SmoothedAnimation { velocity: 5 } }
0023     exit: Transition { SmoothedAnimation { velocity: 5 } }
0024
0025     background: Rectangle {
0026         color: control.style.base
0027         Rectangle {
0028             readonly property bool horizontal: control.edge === Qt.LeftEdge || control.edge === Qt.RightEdge
0029             width: horizontal ? 1 : parent.width
0030             height: horizontal ? parent.height : 1
0031             color: control.style.dark
0032             x: control.edge === Qt.LeftEdge ? parent.width - 1 : 0
0033             y: control.edge === Qt.TopEdge ? parent.height - 1 : 0
0034         }
0035     }
0036
0037     T.Overlay.modal: Rectangle {
0038         color: Color.transparent(control.style.shadow, 0.5)
0039     }
0040
0041     T.Overlay.modeless: Rectangle {
0042         color: Color.transparent(control.style.shadow, 0.12)
0043     }
0044 }