如何进行水平分页？

Question

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

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

任何人都可以帮我吗？

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
                    }
                }
            }
        }
    }
}