视图导航微件提供的选项卡可供最终用户访问部分微件中的视图。当用户访问该部分中的视图时,将仅刷新该部分中的内容而不是整个页面,因此可提供更好的应用程序性能。
示例
使用此微件可支持以下应用程序设计要求:
- 您可以在部分微件中创建相似内容的多个视图,以避免在应用程序中频繁滚动。包含视图导航微件,因此用户可以单击选项卡来刷新部分内容和访问视图。
用法说明
该页面必须具有部分微件,您可将视图导航微件链接到该微件。您必须将微件置于该部分之外;不得将视图导航微件嵌套在其相应的部分微件中。例如,将微件置于部分的上方或下方(适用于水平选项卡)或部分的左侧或右侧(适用于垂直选项卡)。
可以包括该部分的所有视图或特定视图。要指定视图的序列,请打开部分微件的配置面板,然后按照希望其在视图导航微件中显示的顺序拖动视图。您也可以在部分微件的设置中编辑视图名称。
设置
视图导航微件包括以下设置:
- 链接到 - 从页面中选择部分微件。
- 视图 - 通过选择以下选项之一来定义要在微件中显示的视图:
- 自动 - 在此部分中包含所有视图的选项卡。
- 自定义 - 在此部分中包含特定视图的选项卡。
- 样式 - 从选项卡设计选项中选择:默认、下划线或 Pill。
- 方向 - 水平或垂直显示选项卡。
- 背景 - 更改微件的背景颜色。
- 状态 - 更改选项卡的外观以在用户悬停在选项卡上或选择选项卡时为其提供视觉提示。例如,针对选定状态更改文本和边框的颜色。
提示:
要尝试这些选项,请单击构建器工具条上的实时视图。