母板

阅读时间约 1 分钟

1. 简介

母板类似 PPT 的母版功能,但是也不同,主要是用于多个页面有共同背景内容的时方便重用。
比如,报告的内容页,都有一些类似的背景,而这个背景,可能不仅仅是图片,为了避免每个页面都要重复做这些内容,则可以把这些背景内容在一个母版上制作出来,然后应用在具体报告页上。
母版的制作类和普通的页面制作流程基本一致,不同的地方是盛放母版页面的列表和盛放普通页面的列表不是同一个空间。

报告页应用母版时,可以选择应用于三个层高纬度:

  • 底层母版
    把母版当作背景,至于页面的最底层。这是普遍的做法。由于母版在底层,鼠标的事件都会被隔档。
  • 中层母版
    把母版提到和报告页的同一层,鼠标事件可以被触发。
  • 顶层母版
    把母版提到高于报告页的位置,母版会页面的鼠标事件屏蔽。

一个页面可以同时应用多层母版,但是一般不建议这样做。
比较好的做法是,母版只建立比较简单的内容,作为页面的底层背景层。

注:母版的组件动画将会被屏蔽,而且母版组件的入场次序也就失效,即随被应用的页面一起渲染出来。这也是母版为背景层而生的特征体现。

2. 母版使用场合

鉴于母版的特征,母版可以应用在有模版样式的模板制作中。把底层背景用母版制作,比如分为封面母版,过度页母版,内容页母版,结束页母版, 然后页面更加具体功能定位使用对应母版,简化报告的制作。
也就是让母版承载底层背景样式功能,让报告页面承载报告内容功能,两者职责分离,达到简化和方便报告制作的目的。

3. 母版使用案例

此案例基于 组件动画 中的案例基础上制作。

  1. 点击页面列表下的“层叠母版”,准备切换到母版空间
  2. 切换到母版空间后,可以看到母版空间下,原来的报告页面被隐藏了
  3. 按照普通的制作方式,制作一个含图片组件的封面母版,把该页面命名为“封面页母版”
    注:鼠标点击空白处,就可以回到当前页面设置。或者在报告设置里找到当前页面设置。
  4. 增加新的一页,做一个横幅图片,把该页面命名为“内容母版”,并把背景色调整一下。
  5. 回到页面列表,此时还在母版空间里。
  6. 点击页面列表下的“主层页面”,切换到报告页面空间。此时看到,报告页面显示了,母版列表中的页面隐藏了
  7. 增加一个新空白页面作为第一页封面页
  8. 不选择任何组件,回到第一页的当前页面中设置,请注意到下面的“层叠母版”
  9. 选择层叠母版下的“底层母版”为上面所命名的“封面母版”,选择后,看到母版已经被该页作为底层背景使用
  10. 切换到第二页,用上面的方式,选择层叠母版下的“底层母版”为上面所命名的“内容母版”,选择后,看到母版已经被该页作为底层背景使用
  11. 同样地,把后面两页也把层叠母版应用上“内容母版”。把顶部地文字颜色改为白色,从页面列表中可以看到母版作用的效果
    注:如果列表刷新不及时,可以点击列表工具条最右侧的刷新按钮。