添加窗口

窗口是应用程序布局的补充。 要将窗口添加到 Web 体验中,请转到页面面板,单击窗口选项卡,然后单击添加窗口按钮,然后选择一个模板。 与页面不同,窗口仅包含正文内容。 当您将微件添加到窗口时,它们会列在“窗口”选项卡的轮廓视图和快速导航菜单中(在构建器窗口的底部)。 窗口按固定和锚定窗口进行分组。 如果尚未连接窗口以使其随页面打开,您可以指向面板中的窗口,然后单击设置为启动。 要更改名称或移除窗口,请单击窗口的更多选项按钮,然后选择重命名删除

使用以下选项来管理应用程序中的窗口:

  • 可在窗口面板中设置随 web 体验一同打开的启动窗口。 指向固定窗口(不包括已连接为随页面一同打开的窗口),然后单击设置为启动按钮。 Web 体验可以有一个启动窗口。
  • 对于与页面一同打开的窗口,转到页面设置,然后从随窗口打开菜单中选择一个固定窗口。 设置为启动的窗口将不会出现在选项中。 将窗口设置为随页面一同打开后,随页面打开图标出现在窗口面板中。 指向带有所连接页面名称的工具提示图标。 页面窗口在 Web 体验中仅会出现一次,除非用户刷新浏览器。
  • 配置设置链接以使用微件设置打开窗口。 在微件的设置链接窗口,对于链接,选择窗口,然后选择“锚定”或“固定”窗口(启动窗口除外)。 每次用户单击此微件时,都会显示由微件触发的窗口。

设置

窗口包括以下配置选项:

  • 模式
    • 固定 - 显示在固定位置。
    • 锚定 - 显示在链接的微件旁边。
    注:

    您可以在其设置中更改窗口模式。但是,由于设置为启动窗口或连接以随页面一同打开的固定窗口的激活机制不同,因此无法将其更改为锚定模式(反之亦然)。

  • 位置和大小
    • 位置 - 固定的窗口有五个显示位置:中央、左侧、顶部、右侧和底部。 (锚定窗口显示在关联的微件旁,且位置是自动设置的。)
    • 尺寸—您可以为锚定窗口或固定窗口(如果位于中心)指定宽度和高度值。 您可以单击锁定图标以保持宽度和高度的横纵比。 但是,如果是位于顶部/底部的固定窗口,则只能指定高度值(宽度将根据页面宽度自动设置)。 同样,如果是位于左侧/右侧的固定窗口,则只能指定宽度值。 您也可以在画布上拖动边缘以调整窗口的大小。
    注:

    如果在中等或小屏幕设备中窗口使用自定义布局,则可自定义窗口的位置、大小和布局。 位置和大小设置中的图标表示配置应用于的屏幕大小(大、中等和小)。

  • 关闭选项
    • 单击外部以关闭窗口 - 提供通过单击窗口外部任意位置来关闭窗口的方式。
    • 交互(仅固定模式)
      • 样式 - 选择复选框和按钮的布局。
      • 类型 - 选择窗口的交互类型。
        • 确认 - 需要最终用户选中复选框以关闭窗口。 此约束适用于所有关闭方法。 默认情况下,此交互类型只显示一次窗口,除非您启用始终显示此窗口
        • “不再显示”选项 - 最终用户在窗口中选中此复选框以防止其再次打开。 无论是否选中此框,他们都可以关闭窗口。
          提示:

          要在选中此框后再次显示窗口,请再次保存体验并进行预览,或者重新发布体验并查看已发布的项目。

      • 复选框文本 - 提供要显示在复选框旁边的文本,并更改字体大小(以像素或 rem为单位)。
      • 按钮文本 - 提供显示在按钮上的文本(如果适用),并更改字体大小(以像素或 rem 为单位)。
    • 您也可以在窗口中添加按钮微件以将其关闭。 使用按钮设置中的设置链接,您可以将按钮链接到页面以将其关闭。 如果您需要设置多个页面随一个窗口打开,或者将不同页面上的按钮链接到一个窗口,在这些情况下链接到一个特定页面并不实际,因此您可以将链接设置为当前页面以返回到激活窗口的页面。
      注:

      尽管您可以在窗口上设置按钮以链接到应用程序中的另一个窗口,但这不是建议的配置。

  • 动画 - 为窗口及其包含的微件添加动画
  • 掩膜颜色- 为掩膜选择一种颜色,以填充窗口周围的空间。 仅固定窗口具有此选项。
  • 背景—通过选择填充颜色或图像来设置窗口的背景。
  • 边框 - 通过选择颜色、样式和宽度来设置窗口的边框。 您可以更改半径大小以设置窗口角的形状。
  • 框阴影 - 在窗口周围添加阴影效果。

模板

可配置窗口具有以下预定义模板:

  • 确认是预先设置为具有关闭确认的模板,适用于需要验证或接受以继续的内容。
  • 警报是允许最终用户接受或拒绝消息的模板。
  • 简单流行模板是两种不同的布局,用于显示或介绍信息。
  • 小说提供在核心内容之外带有关闭图标的布局。
  • 侧边栏是默认情况下位于右侧的模板,用于显示冗长的文本时支持垂直滚动。
  • 工具提示锚定的窗口的模板,该模板提供有关链接的微件的更多信息,例如按钮或图像。

在本主题中
  1. 设置
  2. 模板