添加并管理页面

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

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

当您向页面添加微件和块和屏幕组模板时,它们会在页面面板的轮廓正文节点中列出。 可搜索轮廓将显示所选页面的区块、屏幕组和微件等级,其中包括已启用的页眉和页脚节点。 要将页面添加到应用程序,单击添加页面按钮 添加页面,然后选择适合应用程序内容和预期流程的页面模板。其中的一些示例包括:

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

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

多页面应用程序

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

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

设置

页面包含以下配置设置:

  • 图标 - 更改图标可区分页面面板中的页面。
    注:

    可以上传以下图像格式:PNG、GIF、JPG、JPEG 和 BMP。

  • 标注 - 更改页面的名称。
  • 随窗口打开 - 可以选择一个窗口以在页面打开时显示在页面之前。 (您仅可以选择固定窗口随页面打开。)
  • 内容宽度(仅限滚动页面)
    • 自定义 - 设置页面的最大宽度。
    • 自动 - 使用页面的整个宽度。
  • 动画 - 向页面正文的微件添加动画。 (动画适用于轮廓视图顶级的微件。)
  • 主体
    • 填充 - 选择页面的颜色。
  • 表头—在所选页面上显示表头。 以下表头设置适用于启用了表头的所有页面:
    • 高度 - 更改表头的高度(以像素为单位)。
    • 填充 - 更改表头的颜色。
    • 滚动时保留在页面顶部(仅限滚动页面)- 用户向下滚动时,表头保留在页面顶部。
  • 页脚 - 在所选页面上显示页脚。 以下页脚设置适用于启用了页脚的所有页面:
    • 高度 - 更改页脚的高度(以像素为单位)。
    • 填充 - 更改页脚的颜色。
  • 布局(仅限滚动页面)
    • 间距 - 定义页面上各行之间的间距(装订线)(以像素为单位)。
    • 填充 - 定义页面的四条边上的填充(以像素为单位)。

模板

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

  • 适用于常见工作流的以地图为中心的模板,专为标准全屏应用程序设计。 要配置这些模板,选择一个地图,将相关微件添加到微件控制器,配置微件,然后保存体验并进行发布。 例如:
    • 可折叠模板具有简单、开放式界面,以地图为中心,标题包含控制器微件。
    • 珠宝盒模板用于在与地图结合的列表中显示要素。
    • 快速启动模板以地图为中心,控制器微件固定在页面底部。
    • 广告牌是一个简单的地图查看器,其中包含地图和控制器微件。
    注:

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

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