zhengtianzuo |
2017-10-18 17:27 |
zhengtianzuo系列-Qml侧边滑动菜单
``` Rectangle { anchors.fill: parent color: "#AAAAAA"; opacity: bMenuShown ? 1 : 0 Behavior on opacity { NumberAnimation { duration: 300 } } }
Rectangle { anchors.fill: parent color: "#FFFFFF" opacity: bMenuShown ? 0.5 : 1 Behavior on opacity { NumberAnimation { duration: 300 } }
Button { width: 48 height: 48 text: qsTr("菜单") onClicked: onMenu(); }
transform: Translate { id: menuTranslate x: 0 Behavior on x { NumberAnimation { duration: 400; easing.type: Easing.OutQuad } } } MouseArea { anchors.fill: parent enabled: bMenuShown onClicked: onMenu(); } }
function onMenu() { menuTranslate.x = bMenuShown ? 0 : width * 0.8 bMenuShown = !bMenuShown; } ```
需要完整代码请访问 QtQuickExamples |
|