QML - 垂直滑动视图？

Posted 2021-04-11

是否可以在QML中使用SwipeView进行垂直滑动而不是水平滑动？

我希望SwipeView的Page内容垂直浮动，因此用户必须向上和向下滚动才能在Pages之间导航。

如果这不可能，我该怎么办呢？

更新此功能已添加到QT，如下所示：

http://doc-snapshots.qt.io/qt5-dev/qml-qtquick-controls2-swipeview.html#orientation-prop

答案

经过一些研究后，我想出了一个工作正常的解决方案，使用ListView / ListModel / ListDelegate - 将其发布在其他想要实现相同目标的人身上。

QML：

ListView {
    snapMode: ListView.SnapOneItem
    highlightRangeMode: ListView.StrictlyEnforceRange

    anchors {
        top: parent.top
        bottom: parent.bottom
        left: parent.left
        right: parent.right
    }

    model: ListModel {
        id: listModel

        ListElement {
            text: "1"
        }
        ListElement {
            text: "2"
        }
        ListElement {
            text: "3"
        }
    }

    delegate: Page {
        width:  ListView.view.width
        height: ListView.view.height

        Text {
            anchors.centerIn: parent
            text: model.text
        }
    }
}