qml 实现分页的界面代码举例

以下是一个简单的 QML 分页界面代码示例：

import QtQuick 2.0
import QtQuick.Controls 2.0

Page {
    id: page

    property int currentPage: 1
    property int totalPages: 10

    RowLayout {
        anchors.centerIn: parent
        spacing: 10

        Button {
            text: "Previous"
            enabled: currentPage > 1
            onClicked: currentPage--
        }

        Repeater {
            model: totalPages
            Button {
                text: (index + 1).toString()
                enabled: currentPage !== (index + 1)
                onClicked: currentPage = (index + 1)
            }
        }

        Button {
            text: "Next"
            enabled: currentPage < totalPages
            onClicked: currentPage++
        }
    }
}

在这个示例中，我们使用 `currentPage` 和 `totalPages` 属性来跟踪当前页面和总页面数。我们使用 `Repeater` 组件循环创建页码按钮，并在单击时更新当前页码。我们还使用 `Button` 组件来实现上一页和下一页按钮，这些按钮根据当前页面和总页面数来启用或禁用。

请注意，这只是一个简单的示例，可以根据需要进行自定义和扩展。