微件控制器微件

“微件控制器”微件是一个容器，可用于将其他微件组织为工具栏。 可将控制器中微件的方向设置为水平或垂直。 可以控制可打开的微件数量以及微件按钮的显示方式。

示例

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

• 您要创建将微件组织在类似工具栏的控制器中的以地图为中心的全屏应用程序，用户可以在需要时打开一个或多个微件与地图进行交互。

用法说明

要将微件添加到控制器，请单击添加微件按钮，然后从微件库中选择，或者将微件从插入微件面板拖动到控制器上。 要配置已添加的微件，可通过单击控制器上的微件以打开其设置面板。 拖动微件面板的下角以定义其初始大小。

在运行时单击控制器中的微件打开其微件面板时，微件图标下方将显示一个指示线，表示微件处于活动状态。 可使用展开和折叠按钮更改面板在不完全关闭的情况下占据的空间数量。

设置

微件控制器微件包括以下设置：

• 方向 - 以垂直或水平方向显示控制器。
• 行为 - 定义可从此控制器打开的微件的数量，以及在加载页面时自动打开的微件。
  • 单个 - 一次只能打开一个微件。 打开一个微件将关闭另一个微件。
  • 多个 - 可以同时打开和运行多个微件。 在这种情况下，您可以选择堆叠或并排显示打开的微件。

    提示：

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

  • 通过从微件列表中进行选择，使页面加载时自动打开一个或多个微件。
• 微件面板排列 - 选择微件面板的显示位置：
  • 浮动 - 微件面板显示为浮动在控制器旁边，固定到每个微件的图标。
  • 固定 - 固定微件面板以显示在画布上 9 个锚点之一处。 您可以以像素 (px) 或画布百分比 (%) 为单位设置面板宽度和高度。 您还可以设置 x 轴和 y 轴的偏移量，并在面板出现时添加动画。
    • 还可以将面板宽度和高度设置为拉伸。 如果这样做，则面板将拉伸为填充上、下、左和右边距内的画布区域，可以像素 (px) 或画布百分比 (%) 为单位定义这些边距。

  注：

  微件面板排列设置仅适用于在大屏幕或中等大小屏幕上查看微件的情况。 在小屏幕设备上，微件面板显示在应用程序的底部。了解有关如何优化所有设备布局的详细信息。

• 外观 - 在“微件控制器”中选择微件，并自定义其图标、标注或样式。
  • 图标 - 为微件图标使用圆形或矩形。
  • 标注 - 将微件名称显示为图标下的标注。 可通过在设置面板或构建器轮廓中编辑微件名称更改这些标注。
  • 指示器 - 包含指示微件处于活动状态的指示线。
  • 工具提示 - 包含按钮的悬停文本。
  • 大小 - 更改微件图标的大小。
  • 间距 - 以像素 (px) 为单位指定微件图标之间的间距。
• 高级 - 选择控制器上按钮在三种状态下的显示方式：默认、选定和悬停。 您可以更改图标背景颜色，如果打开标注，则可以更改字体颜色并将文本格式设置为粗体、斜体、删除线或下划线。
  • 默认 - 用户未进行交互的按钮的默认状态。
  • 选定 - 用户在控制器上选择的按钮或打开的微件的状态。
  • 悬停 - 用户指向控制器上的按钮的状态。

  注：

  您选择的主题将影响配置选项中的颜色选择。 如果要使用不属于应用程序主题的颜色，则可以单击更多选择自定义颜色。