PageIndicator QML 类型

指示当前活动页面。 更多...

导入语句import QtQuick.Controls
继承

Control

属性

详细描述

PageIndicator 用于在多个页面的容器中指示当前活动页面。PageIndicator 由表示页面的代理项组成。

Column {
    StackLayout {
        id: stackLayout

        Page {
            // ...
        }
        Page {
            // ...
        }
        Page {
            // ...
        }
    }

    PageIndicator {
        currentIndex: stackLayout.currentIndex
        count: stackLayout.count
    }
}

另请参阅 SwipeView自定义 PageIndicator指示器控件

属性文档

count : int

此属性包含页数。


currentIndex : int

此属性包含当前页面的索引。


delegate : Component

此属性包含一个表示页面的代理。

以下属性在每个代理的上下文中可用

index : int项目的索引
pressed : bool项目是否被按下

interactive : bool

此属性包含是否控制是交互式的。一个交互式页面指示器会对按下做出反应,并相应地自动更改 当前索引

SwipeView {
    id: view
    currentIndex: pageIndicator.currentIndex
    anchors.fill: parent

    Page {
        title: qsTr("Home")
    }
    Page {
        title: qsTr("Discover")
    }
    Page {
        title: qsTr("Activity")
    }
}

PageIndicator {
    id: pageIndicator
    interactive: true
    count: view.count
    currentIndex: view.currentIndex

    anchors.bottom: parent.bottom
    anchors.horizontalCenter: parent.horizontalCenter
}

注意:页面指示器通常相当小(为了避免分散用户对用户界面实际内容的注意力)。它们可能难以点击,并且可能不容易被用户识别为交互式。因此,它们最好用作辅助导航方法(如 SwipeView)的补充,而不是替代它们。

默认值为 false


© 2024 Qt 公司有限公司。本处包含的文档贡献是各自所有者的版权。本处提供的文档是根据自由软件基金会发布的 GNU 自由文档许可证版本 1.3 的条款许可的。Qt 和相应的标志是芬兰及其它国家和地区的 Qt 公司有限公司的商标。所有其他商标均为各自所有者的财产。