部分微件

“部分”微件是一个或多个视图中用于动态内容的布局容器,其中可以包括任何其他微件(例如地图、列表和图像)的组合。 当“部分”微件具有多个视图时,您可以打开内置导航工具,或者该微件可以与视图导航微件协同工作。 当部分中的内容更改时,仅需刷新部分而无需整个页面,从而提供更好的应用程序性能。

示例

使用此微件可支持以下应用程序设计要求:

  • 您想要显示几张标题相似的大图像,但想要避免在应用程序中滚动过多。可以在一个部分中使用多个视图,并包括内置工具或添加“视图导航”微件,以便用户可以访问每个图像而无需滚动页面。
  • 您具有针对同一位置的不同要素,并想要通过列表和地图展示其信息,而无需转到单独的页面或块。 您可以切换视图以查看不同视角。 例如,创建一个包含两个视图的部分,其中每个视图均包含一个地图和一个列表。 一个视图展示圣地亚哥餐厅的地图,另一个视图则展示同一地区包含休闲场所的地图。

用法说明

您可以创建多个视图以在一个部分中组织动态内容。 部分可以存在于页面上的任何位置,并且可以包含多个视图,并且每个视图中可以包含单独的内容。 为了使最终用户浏览部分的不同视图,可以启用导航工具或添加视图导航微件以从更多样式和灵活的布局中进行选择。

用户可以在相应的“视图导航”微件中查看视图名称,因此请提供有意义的名称。 配置面板中的视图顺序是它们在“视图导航”微件中出现的顺序。

设置

“部分”微件包括以下设置:

  • 视图 - 可以一次添加多个视图,或者如果希望它们具有相同的背景或布局,可以复制现有视图。
    • 使用以下选项管理视图:重命名复制删除。 视图名称还将用于体验的 URL。 如果您在发布后更改了视图的名称,则先前使用的 URL 仍然有效。
    • 拖动视图以更改该部分中的导航顺序。
    • 图标 - 为每个视图选择一个图标。 可从常规和箭头库中选择图标,或从文件自行添加图标。
      注:

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

    • 背景 - 通过选择颜色或图像来编辑每个视图的背景。 使用背景图像时,可以通过选择适合填充居中平铺拉伸来设置其位置。
    • 延迟加载 - 选择延迟加载视图的内容,直到它需要出现在微件中,从而在部分包含大量视图时提高性能。
  • 工具 - 包括用于用户导航视图的工具。
    • 箭头
      • 方向 - 水平或垂直显示箭头。
      • 大小 - 定义箭头的大小。
      • 偏移 - 定义箭头的位置。 0 表示箭头位于部分微件的边缘。 具有正偏移的箭头比具有负值的箭头更近。
      • 位置 - 从左、上、右和下选择一个位置。
      • 大小 - 定义箭头的点。
      • 偏移 - 定义点之间的位置。 0 表示点位于部分微件的边缘。 具有正偏移的点比具有负值的箭头更接近部分微件中心。
      • 间距 - 确定每个点之间的间距。
  • 自动播放 - 以预定义的间隔时间自动显示该部分的视图。
    • 间隔 - 确定打开自动播放时视图之间的间隔时间。
    • 循环 - 使视图循环显示。
    • 在运行时,将鼠标悬停在“部分”微件上会暂停自动播放过程。 如果用户通过单击“部分”工具或链接的“视图导航”微件切换到另一个视图,则自动播放将从切换的视图继续。
  • “部分”微件的动画样式设置包括用于为部分面板和视图设置动画的选项。 有关详细信息,请参阅动画

在本主题中
  1. 示例
  2. 用法说明
  3. 设置