QML - 垂直滑动视图?

时间:2016-09-15 09:23:44

标签: qt qml qtquickcontrols2

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

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

如果不可能,我该如何处理?

更新此功能已添加到QT,如下所示:

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

1 个答案:

答案 0 :(得分:1)

经过一些研究后,我提出了一个解决方案,使用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
        }
    }
}