菜单微件

“菜单”微件可组织页面,旨在帮助用户从应用程序的一个页面转至另一个页面。 您可以更改菜单方向,选择样式(例如选项卡或胶囊式),并为背景和活动菜单选择颜色。

示例

使用此微件可支持以下应用程序设计要求:

  • 您需要创建一个具有多个页面的应用程序,并需要为最终用户提供以一种可以从一个页面转至另一个页面的简单直观的方式。

用法说明

通常,您会将菜单放置在页面中页眉或正文的顶部。 “菜单”微件会自动填充页面面板中显示的页面、链接和文件夹。 除非您单击从菜单隐藏,否则页面、文件夹和链接的名称将按照您将其排列的顺序出现在菜单中。 当您将页面和链接嵌套在页面或文件夹中时,它们在“菜单”微件中显示为下拉菜单。 文件夹提供了下拉菜单,以便在不更改页面的情况下单击顶级。 用户通过将鼠标悬停在链接上方或单击链接来与菜单进行交互,从而可以导航回您体验中的页面。

设置

“菜单”微件包括以下设置:

  • 类型 - 定义菜单的位置和外观:水平、垂直或图标。 图标类型将菜单垂直折叠到应用程序左侧或右侧的模型窗口中。
    • 子菜单扩展模式 - 最终用户可以看到子菜单为展开或可折叠状态。 此设置仅适用于垂直和图标菜单类型,并且仅在包含嵌套页面或链接的应用程序中可见。
  • 外观 - 使用以下选项定义菜单项的外观:
    • 样式 - 选择菜单样式:默认、下划线和胶囊式。 每种样式的颜色都继承自您应用程序的主题。
    • 间距 - 定义在菜单中列出的页面之间的间距,以像素为单位。
    • 对齐 - 确定文本在每个菜单项上的放置。 例如,如果您创建一个水平菜单并选择下划线样式,则页面名称将与线对齐:左边缘、右边缘或居中。
    • 显示图标 - 为每个菜单项显示一个图标,将其标识为页面、链接或文件夹。
  • 高级 - 覆盖应用程序的主题,并指定菜单的背景、文本、图标、边框颜色、大小和样式。
    • 背景 - 将背景色添加到菜单。
    • 状态 - 提供可视化表示,以使用不同的文本和边框设置来传达菜单的状态。 例如,将文本加粗、增加字体大小并对选定状态使用不同的背景颜色和边框样式。
      • 常规 - 用户未进行交互的菜单的默认状态。
      • 悬停 - 用户通过指向菜单中的链接来启动此状态。
      • 选中 - 菜单中的用户选择。
      提示:

      要尝试这些选项,请单击构建器工具条上的实时视图


在本主题中
  1. 示例
  2. 用法说明
  3. 设置