Pages

自定义页面索引(Custom Page Index)

Custom Page Index(自定义页面索引) 是一个用于数字页面指示的控件,允许在用户界面中精确控制导航逻辑。
与基于浏览器的自动页面索引不同,该控件由用户手动定义,开发人员可显式控制页面状态与切换行为。


概述

该控件通过数字索引表示当前页面或视图。
支持自定义逻辑来定义活动页、页码范围以及导航行为,非常适合多页面流程、向导或状态驱动型界面切换。


主要功能

手动页面管理

  • 可通过变量或程序控制当前页面索引
  • 不依赖浏览器或框架路由机制

自定义页码范围

  • 定义最小与最大页码,限制导航边界
  • 防止跳转到无效页面状态

导航逻辑支持

  • 支持前进、后退、跳转式页面切换
  • 可与按钮、变量或逻辑条件绑定

内容映射

  • 每个索引可对应唯一内容视图
  • 实现多步骤流程或页面集合的完全控制

索引显示样式

  • 可选显示当前页码给用户作为反馈
  • 可自定义样式以符合 UI 主题风格

应用场景

多步骤向导流程

  • 示例:配置 > 预览 > 确认等多个步骤切换

视图切换

  • 示例:根据索引切换不同的监控界面或仪表板

状态驱动的界面

  • 示例:根据索引加载不同布局或功能页面

SVG ID 参考表

[img_1]

以下 SVG ID 可用于在 Custom Page Index 控件中动态显示或交互控制页码:

# 元素说明 SVG ID
1 减号按钮 [code_block_0]
2 当前索引数值 [code_block_1]
3 加号按钮 [code_block_2]

代码示例(Code Snippet Example)

[code_block_3]