添加屏幕组

屏幕组是具有多个屏幕的布局容器,用于组织滚动页面上的内容和微件。 每个屏幕都有一个主舞台,还可以有一个滚动面板,具体取决于屏幕组模板。 滚动到屏幕组时,它将占据整个屏幕高度。 如果屏幕组具有滚动面板,则当最终用户滚动面板中的内容时,主舞台保持不变,仅在最后一个面板滚动离开时切换。 如果一个屏幕组没有面板,则主舞台将保持不变,直到它滚动一个全屏高度为止。

示例

使用屏幕组来支持应用程序设计要求,例如:

  • 您有几张图像,每个图像都需要一个较长的段落来描述它,因此您想在图像保持相同位置的同时滚动浏览内容。 您可以将带有滚动面板的屏幕组添加到滚动页面,将图像放置在屏幕的主舞台上,并将相应的说明放置在屏幕的滚动面板中。
  • 您希望使用页面翻转效果而不是滚动页面的默认推送效果来显示内容。 您可以将给定的模板用于屏幕组中每个屏幕之间的不同过渡效果。

用法说明

要将屏幕组添加到滚动页面,请单击画布中的插入屏幕组按钮,然后选择一个屏幕组模板。 将屏幕组添加到页面后,一个单独的滚动条将出现在画布中。

如果屏幕组具有滚动面板,则面板的高度将根据其内容自动增加。 您可以通过在面板中拖动微件或单击添加按钮来将微件插入面板。

当前,您只能添加大尺寸屏幕的屏幕组,而不能添加中小屏幕尺寸的屏幕组。 在调整为其他两个屏幕尺寸之前,将您的应用配置为大屏幕尺寸。

设置

屏幕组包括以下配置设置:

  • 屏幕 - 一次添加多个屏幕,或者如果希望它们具有相同的背景或布局,则复制现有屏幕。
  • 使用以下选项管理组中的屏幕:重命名复制删除。 拖动屏幕以更改屏幕组中的滚动顺序。 单击屏幕以访问和更改其主舞台和滚动面板(如果有)的设置。
    • 主舞台 - 通过选择填充颜色或图像来更改主舞台的背景。
    • 滚动面板
      • 模式 - 从停靠浮动中选择一种模式以使用不同的布局。
      • 大小 - 定义面板的宽度。 您也可以在画布上拖动面板的边缘以调整其大小。
      • 位置 - 将停靠的面板对齐到左侧或右侧,将浮动面板对齐到左侧或右侧或居中。 对于浮动面板,以像素为单位设置水平偏移量,以根据面板的对齐方式调整面板位置。
      • 间距 - 指定嵌套微件之间的间隔(以像素为单位)。
      • 填充 - 在面板的内缘周围添加填充空间。
      • 背景 - 通过选择填充颜色或图像来更改滚动面板的背景。
      提示:

      在编辑屏幕组中的内容时,浮动面板具有在设计视图中隐藏按钮 在设计视图中隐藏,单击此按钮可以暂时最小化面板,以便显示其背后的主舞台。 单击主舞台右下角的在设计视图中显示按钮 在设计视图中显示 可以再次显示面板。 隐藏面板不会影响实时视图或预览中的屏幕组外观。

模板

除微件布局外,屏幕组模板还具有其他预设设置,例如过渡效果、面板之间的间距以及何时触发下一个屏幕。 在图库中选择屏幕组模板时,将鼠标悬停在模板卡上可以查看动画预览。

可配置的屏幕组具有以下预定义的模板:

  • 级联是带有浮动面板的多屏模板。 面板通过,主舞台淡入下一个部分。 从底部显示下一个面板后,屏幕立即切换。
  • 索引是带有停靠面板的模板,并且具有与级联相同的过渡效果。 当下一个面板滚动到较低位置时,屏幕切换到下一个。
  • 宣传单是专门用于地图和书签的单屏模板。 当面板滚动时,主舞台上的地图会自动导航至书签位置(使用书签微件设置,加载时处于活动状态)。
  • 是带有浮动面板的多屏模板。 所选屏幕的面板与未选中的面板之间存在视差效果。 当下一个面板滚动到较高位置时,屏幕将逐渐淡化到下一个面板。
  • 指南是具有视差效果的模板,当下一个面板滚动到较低位置时,会切换到下一个屏幕。
  • 展示台是带有中央浮动面板的多屏模板。 当前面板滚动完成后,主舞台切换到具有封面过渡效果的下一个舞台。
  • 幻灯片是带有固定面板的多屏模板。 当前面板滚动完成后,主舞台切换到下一级,并具有通过过渡效果。
  • 组合是一个只有主舞台的多屏模板,具有封面过渡效果。