添加并连接微件

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

插入微件

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

添加和嵌套微件时,请参考每个页面的交互式轮廓视图,其中显示页面的微件等级,并帮助您组织、选择和配置嵌套的微件。 当您将鼠标悬停在轮廓中的微件上方时,相应的微件会在画布上高亮显示。 在轮廓中,单击一个微件,然后单击微件操作(例如重命名、复制、删除、锁定位置和大小、图钉、排列和对齐)菜单的更多按钮。 使用标准的复制/粘贴键盘快捷键(对于 Windows,快捷方式为 Ctrl + C 和 Ctrl + V;对于 Mac,为 Cmd-C 和 Cmd-V)可在页面之间复制微件。 复制微件时,将保留其所有设置,其在页面上的位置除外。 在画布上拖动微件以移动和调整其大小时,将显示捕捉线或距离值,以帮助您在固定布局中对齐和精确定位微件。 显示捕捉线之后,对应的微件将跨所有屏幕分辨率一起捕捉。

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

连接微件

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

某些微件支持添加允许在微件之间进行通信的操作。 例如,一个微件中的操作会触发另一个微件中的操作,例如单击地图要素可更新“要素信息”微件中显示的要素详细信息。 可为自动交互添加消息操作,或添加数据操作以供用户在运行时从操作按钮进行访问。 可组合工具和微件并进行连接以实现其他交互性。 通过设置页面、窗口和剖面视图等其他内容的链接来帮助最终用户导航您的应用程序。

设置链接

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

设置

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

  • 页面 - 定向至应用程序中的其他页面的链接。
  • 视图 - 定向至“部分”微件中的特定视图的链接。
  • 窗口 - 在您的应用程序中打开特定窗口的链接。
  • URL - 指向 web 地址的链接(输入以 https:// 开头的 URL)。
  • - 滚动到应用程序中同一滚动页面上的特定块的链接。(不适用于文本微件。)
  • 页面顶部 - 滚动到页面顶部的链接。 (不适用于文本微件。)

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

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