Qml侧边滑动菜单

来源：互联网发布：轻逸生活淘宝退款骗局编辑：程序博客网时间：2024/06/05 23:48

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

阅读全文

0 0