如何进行横向分页？

Question

我正在使用 Momentics IDE 2.1.2（本机 SDK）开发 BlackBerry 10 移动应用程序。

我正在寻找一个示例，该示例显示如何构建水平分页，如下图所示，我将把它放在一个容器中，替换为带有网格显示的列表视图。

谁能帮我解决这个问题？

Answer 1

您可以仅使用ListView 轻松构建简单的分页。希望下面的例子有用：

import QtQuick 2.4

Item {
    width: 600
    height: 800

    ListView {
        id: listView
        anchors.fill: parent
        orientation: ListView.Horizontal
        snapMode: ListView.SnapToItem
        highlightRangeMode: ListView.StrictlyEnforceRange
        model: 5
        clip: true
        delegate: Rectangle {
            width: listView.width
            height: listView.height
            color: Qt.rgba(Math.random(),Math.random(),Math.random(),1);
            Text {
                anchors.centerIn: parent
                text: "page " + index
            }
        }
    }

    Item {
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        height: 30
        Row {
            anchors.centerIn: parent
            Repeater {
                model: listView.model
                Rectangle {
                    width: 20
                    height: 20
                    border.width:2
                    border.color: "white"
                    color: index == listView.currentIndex ? "orange" : "white"
                    Text {
                        anchors.centerIn: parent
                        text: index
                    }
                }
            }
        }
    }
}