添加并管理页面

页面是一个文档,是应用程序布局的基础。 它有三个主要元素可以包含内容:表头、页脚和正文。

Web 体验至少包含一个页面,并且可以具有多个页面。 设计布局时,决定如何以最佳方式向受众呈现内容。 对于以地图为中心的内容,使用全屏应用程序页面。 对于混合内容(例如地图、多个图像和可能需要垂直滚动的文本块),使用滚动页面。 要在应用程序中包含菜单以供用户访问多个页面,则可以添加文件夹以将应用程序页面分组到一个子菜单中,并添加指向其他网站的链接。 您还可以添加窗口并进行配置使其在加载应用程序或页面时打开。

当您向页面添加微件和块和屏幕组模板时,它们会在页面面板的轮廓部分的正文结点中列出。 可搜索轮廓将显示所选页面的区块、屏幕组和微件等级,其中包括已启用的页眉和表头结点。 在大纲中,单击项目,然后单击更多按钮访问重命名和复制等操作的菜单。 单击全部展开全部折叠显示或隐藏该项目下的等级。

要将页面添加到应用程序,单击添加页面按钮 添加页面,然后选择适合应用程序内容和预期流程的页面模板。示例方案如下所示:

  • 您想要在带表头的全屏页面上创建以地图为中心的应用程序。
  • 您想要创建一个多页面应用程序,其中全屏应用程序位于主页上,包含支持内容的滚动页面位于用户可从菜单或按钮访问的另一个页面上。

您可以使用构建器窗口底部的快速导航菜单来选择您要体验的页面或窗口并访问其设置。 此菜单提供了页面层次结构和窗口类型的预览。

当您在应用程序中选择一个微件时,痕迹导航辅助工具也会出现在构建器窗口的底部。 痕迹可显示所选微件是否包含在其他微件或页面元素中。

多页面应用程序

页面面板包含以下选项,用于管理应用程序中的页面:

  • 添加页面 - 从两种页面类型中选择:全屏应用程序或滚动页面。 每种页面类型都包含几个模板。 某些模板以地图为中心,而其他模板以混合内容(例如文本、图像和地图)为中心。 也可以选择一个空白模板来设计自定义布局。
  • 添加链接 - 添加另一个网站的链接,以便用户可以从应用程序的菜单访问相关的网页。
  • 添加文件夹 - 添加一个文件夹,以便页面和链接在菜单微件中显示为下拉菜单。
  • 他选项 - 对于多页面应用程序,选择一个页面作为主页,然后(可选)隐藏菜单微件中添加到应用程序的页面。应用程序中的所有菜单都将包含相同的页面,但是可以设置不同的菜单样式。)可重命名、复制和删除页面,并通过将一个页面拖动到另一页面上按等级进行组织。 拖动页面时,将出现一条线,用于显示其在其他页面之间的位置。 要将其嵌套在另一个页面下,将该页面拖动到目标页面上,直到在其周围出现一个框。 您还可以设置页面、链接或文件夹的图标。

设置

页面包含以下配置设置:

  • 图标 - 更改图标可区分页面面板中的页面。 从常规箭头库中选择图标,或从文件中添加图标。 单击删除按钮可从我的图标库中移除未使用的图标。
    注:

    可以上传以下图像格式:PNG、GIF、JPG、JPEG 和 BMP。 为了保持最佳性能,每次上传的大小限制为 10 MB。

  • 标注 - 更改页面的名称。 此页面标注还将用于体验的 URL。 添加页面时,其标注遵循连续编号规则。 例如,复制 Page 1 现在会生成 Page 2,如果 Page 2 已经存在,则生成 Page 3。
    注:

    如果您在发布后更改了页面的名称,则先前使用的 URL 仍然有效。

  • 随窗口打开 - 可以选择一个窗口以在页面打开时显示在页面之前。 (您仅可以选择固定窗口随页面打开。)
  • 内容宽度(仅限滚动页面)
    • 自定义 - 设置页面的最大宽度。
    • 自动 - 使用页面的整个宽度。
  • 动画 - 向页面正文的微件添加动画。 (动画适用于轮廓顶级的微件。)
  • 主体
    • 填充 - 选择页面的颜色。
  • 表头 - 在所选页面上显示表头。 以下表头设置适用于启用了表头的所有页面:
    • 高度 - 更改表头的高度(以像素为单位)。
    • 填充 - 更改表头的颜色。
    • 滚动时保留在页面顶部(仅限滚动页面)- 用户向下滚动时,表头保留在页面顶部。
  • 页脚 - 在所选页面上显示页脚。 以下页脚设置适用于启用了页脚的所有页面:
    • 高度 - 更改页脚的高度(以像素为单位)。
    • 填充 - 更改页脚的颜色。
  • 布局(仅限滚动和格网页面)
    • 间距 - 定义页面上各行或格网项目之间的间距(装订线)(以像素为单位)。 可以为格网页面定义间距的颜色。
    • 填充 - 定义页面的四条边上的填充(以像素为单位)。
  • 格网项目(仅限格网页面)- 定义用户如何在运行时与格网项目进行交互。
    • 允许调整大小 - 允许用于拖动间隙以调整格网项目大小。
    • 允许展开 - 允许用户展开各个格网项目。
      注:

      可在微件的样式设置选项卡中覆盖此设置。 如果您想要用户能够展开一些格网项目,但无法展开其他项目,这非常有用。

模板

模板具有预设布局和主题,可通过解锁布局对其进行修改。 通过锁定布局按钮,可从模板入手并根据需要对其进行修改。 解锁布局时,会在配置面板中显示更多选项,并启用插入微件面板。 从默认库中的模板入手时,针对示例单击预览按钮,以帮助您选择满足需求的模板。 向应用程序添加更多页面时,可以从大多数相同的模板中进行选择。(在创建 web 体验时,您只可以选择多页模板)从以下类别中选择模板:

  • 适用于常见工作流的以地图为中心的模板,专为标准全屏应用程序设计。 以下模板按以下类别划分:
    • 固定 - 要配置这些模板,选择地图,然后添加相关微件。 例如:
      • 广告牌是一个简单的地图查看器,其中包含“地图”和“微件控制器”微件。
      • 折叠式模板具有开放式界面,以地图为中心,标题包含控制器微件。
      • 珠宝盒模板可在与地图结合的列表中显示要素。
      • 快速启动模板以地图为中心,控制器微件固定在页面底部。
      • 选项卡是一个模板,左侧有一个“视图导航”微件,可以打开不同的部分。
    • 格网 - 要配置这些模板并且其行为与整页格网微件相同,将微件添加为格网项目,然后拖动格网及其边框以对其进行重新排列和大小调整。 下面列出了可用的格网页面模板:
      • Avatarboard 显示多个具有悬停和翻转效果的“卡片”微件,您可以在背面添加细节,类似于闪存卡。
      • Checkerboard 是一个格网页面模板,其中间是一个地图,而周围有多个与地图相关的微件。
      • Collage 在“固定面板”微件周围显示多个“图像”微件。
      • Leaflet 在多个“列”微件内包含“文本”微件和“图像”微件。
      • Mapflyer 将“坐标”微件和“地图”微件配合使用以显示动态文本和位置信息。
      • Multiverse 用于处理多个数据源。 此模板的添加数据微件可简化从各种来源导入数据的过程,允许用户通过地图和表比较和分析多个源。
      • Panorama 具有地图微件和两个图表微件。 用户可以使用图表、列表和过滤器微件解释地图的数据。

      格网页面(例如,格网微件)可以包含选项卡、格网列和格网行,所有这些都显示在页面面板的大纲中。 与任何微件一样,您可以选择大纲中的任何格网行或格网列,然后单击更多按钮以显示操作菜单。 格网行和格网列分别具有水平分布空间垂直分布空间按钮。 如果行或列组成选项卡,则可以选择重命名行或列。 格网微件中包含的各个微件在更多菜单上具有水平拆分垂直拆分按钮。

    注:

    在某些全屏应用程序模板中,标题栏是使用固定面板微件创建的,而不使用页面中的表头设置。 这样可以在创建多页面应用程序时为其他页面启用并配置表头设置。 页眉和页脚内容、布局和设置供应用程序中启用了表头页脚设置的所有页面使用。

  • 滚动页面模板按块或屏幕组组织。 块容器类似于微件。 例如:
    • 模板具有典型的缩略图,用于突出显示内容。
    • 常规提供了一个长滚动模板,用于共享内容。
    • 简介是具有模块化布局的模板,用于展示图像和标题。
    • 视差模板的页面顶部是一个通栏图像,后跟滚动面板屏幕组。
  • 空白模板适用于从头开始构建和设计的全屏和滚动页面。
    • 空白滚动页面是一个空白模板,用于在滚动网页中创建自定义设计。 将微件添加到滚动页面时,默认情况下,会将其添加到块中。 单击插入块按钮可从常见的块布局中进行选择,或单击插入屏幕组按钮从多个屏幕模板中选择。
    • 空白全屏是一个空白模板,用于在全屏应用程序中创建自定义设计。
    • Blank 格网是一个空白模板,其行为与整页格网微件相同。