导航菜单

在页面顶部添加导航栏，这支持您在应用程序中添加和组织多个项并定制它们之间的导航。 要添加和组织导航菜单中的项，请使用 导航项 和 导航列表 视图。
提示: 导航菜单， 导航项和 导航列表 视图仅可用于 Application Designer 中的导航支持。

配置属性

在“配置”下，设置或修改视图的外观和行为属性。

屏幕大小
在属性名称旁边具有 "屏幕大小" 图标 "屏幕大小" 图标 的配置属性对于每个屏幕大小可以具有不同的值。 如果您未设置值，那么屏幕大小会继承下一个更大的屏幕大小值来作为其缺省值。
主题定义
主题定义指定视图的颜色和样式，并确定视图的外观。 您可以在主题编辑器中预览视图的外观。 请参阅 主题。
下表中显示了“导航菜单”的外观配置属性：
表 1. “导航菜单”的外观配置属性
外观配置属性 描述 数据类型
对齐 "屏幕大小" 图标 指定导航菜单中各项的对齐方式。
  • 左侧 (缺省值)
  • CENTER
  • Right
 NavigationBarAlignment
颜色方式 "屏幕大小" 图标 设置导航菜单的颜色模式。
  • 光亮模式
  • 深色模式
 NavigationBarColorMode
字体大小 "屏幕大小" 图标 指定导航项的字体大小。
  • 缺省值
  • 大型
  • 小型
  • 超小
 ButtonSizeStyle
边框颜色 "屏幕大小" 图标 设置导航项在被选中时的边框颜色类型。 String
悬停突出显示颜色 "屏幕大小" 图标 设置将鼠标悬停在导航项上时的突出显示颜色类型。 String

事件

在“事件”属性中设置或修改该视图的事件处理程序。 可以将事件设置为以编程方式或在用户与该视图交互时触发。 有关如何定义和编码事件的信息，请参阅 用户定义的事件。 导航菜单具有以下类型的事件处理程序:
  • On load：页面装入时激活。 例如：
    me.setVisible(false);

根据特定事件，您可以使用 JavaScript 逻辑来修改视图的效果。 可在 用户定义的事件主题中找到有关将事件与视图配合使用的更多信息。

方法

有关 "导航" 菜单的可用方法的详细信息，请参阅 导航菜单 JavaScript API。

其他资源

有关如何创建 Coach 或页面的信息，请参阅 构建 Coach。
有关标准属性 (常规， 配置， 定位， 可视性和 HTML 属性) 的信息，请参阅 查看属性。