添加并连接微件

将功能和布局微件添加到使用 Experience Builder 创建的应用程序中。 可接受默认样式或自定义外观,并将微件连接到数据、链接和其他微件,以获得独特的 Web 体验。

插入微件

微件是应用程序的构建块。 如果您不使用页面窗口屏幕组和区块的各种可用模板中的微件,则可以使用拖放放置从插入微件面板中添加微件。 屏幕组中的“微件控制器”和“占位符”微件以及滚动面板还具有添加微件按钮。 微件按基本类别和布局类别进行分组。 基本微件是功能微件,可作为应用程序工具执行,布局微件是容器,用于组织页面上的微件。

添加和嵌套微件时,可依赖每个页面的交互式轮廓视图,其中显示页面的微件等级,并帮助您组织、选择和配置嵌套的微件。 在轮廓中,单击一个微件,然后单击微件操作(例如重命名、复制、删除、锁定位置和大小、图钉、排列和对齐)菜单的更多按钮。 使用标准的复制/粘贴键盘快捷键(对于 Windows,快捷方式为 Ctrl + C 和 Ctrl + V;对于 Mac,为 Cmd-C 和 Cmd-V)可在页面之间复制微件。 当您复制微件时,将保留其所有设置,但是其在页面上的位置除外。

如果您需要为多个屏幕尺寸设计应用程序,则插入微件面板上的待处理选项卡非常有用。 例如,可能有这样一个设计要求,即地图微件在较大和中等屏幕尺寸上实施,而不在较小屏幕尺寸上实施。 在这种情况下,可从较小屏幕尺寸设计中移除地图微件,然后将其添加到待处理列表中。

连接微件

微件配置面板包括内容样式操作设置。 内容用于定义微件的行为、数据连接和其他设置。 微件将对齐并按照样式选项卡中的设置进行样式化,其设置包括大小、位置、动画、背景、边框和框阴影。 实时应用程序会记住微件面板的位置。您还可以使用微件工具栏来对齐、移除或复制微件。

某些微件支持添加操作触发器,用于在微件之间进行通信 - 一个微件中的操作触发另一个微件中的操作。 例如,单击地图要素可更新“要素信息”微件中显示的要素详细信息。 可组合工具和微件并进行连接以实现其他交互性。 通过设置页面的链接、窗口和剖面视图来帮助最终用户导航您的应用程序。

设置链接

您可以使用设置链接选项将最终用户定向到应用程序的另一个页面窗口剖面视图中或定向到其他网址。 以下微件支持设置链接:

设置

设置链接时,可从以下选项中进行选择:

  • 页面 - 定向至应用程序中的其他页面的链接。
  • 视图 - 定向至“部分”微件中的特定视图的链接。
  • 窗口 - 在您的应用程序中打开特定窗口的链接。
  • 网址 - 定向至网址的链接;需要指定 URL。

还可以决定应在哪里打开链接的内容:

  • 应用程式窗口 - 链接的内容在应用程序使用的当前浏览器窗口中打开。
  • 顶部窗口 - 链接的内容跳出其嵌套的所有框架,并在其他打开的窗口顶部打开。
  • 新窗口 - 链接的内容在新浏览器窗口中打开,保持应用程序在另一个窗口中打开。