在子看板编辑界面介绍中,我们介绍了子看板的编辑界面,其中样式窗口用来对子看板背板和组件进行样式设置。
当我们点击选中组件时,样式窗口会显示为选中组件对应的样式,当我们点击子看板的空白区域或子看板四周的空白区域时,样式窗口会显示为当前子看板背板的样式。
子看板尺寸:新建空白子看板时,默认尺寸为 1920px*1080px,您也可以根据自己的需求进行修改。
共有五种全屏显示模式,分别为“等比缩放(长边填充、短边留空)”、“等比缩放(短边填充、长边滚动)”、**“响应式自适应”、“原始尺寸”、“拉伸填充”**,如下图所示:
配置项 | 说明 |
---|---|
等比缩放(长边填充、短边留空) | 这种模式下,内容会按照其原始比例进行缩放,以使得其中最长的一边完全填满屏幕,而较短的一边则可能在两侧留有空白区域。这种方式确保了图像或内容不会因为拉伸而导致失真,适合对内容比例要求较高的展示。 |
等比缩放(短边填充、长边滚动) | 在此模式中,内容同样保持其原始比例,通过调整较短边来填充屏幕,较长的一边如果超出了屏幕尺寸,则提供滚动条以便查看完整内容。这种方法适用于内容长度不定,且需要保持比例不变的情况。 |
响应式自适应 | 动态调整布局和组件尺寸,根据不同屏幕尺寸重新排列、缩放或隐藏元素。(点击查看相应教程:响应式布局) |
原始尺寸 | 表示当前子看板在播放时会按照设置的尺寸直接展示,不进行任何缩放处理。 |
拉伸填充 | 表示当前子看板会在播放时按照设置的尺寸拉伸填充整个界面,如果子看板尺寸和屏幕尺寸不一致,可能会出现组件形变的可能。 |
填充颜色指子看板尺寸未占满时填充颜色,可自行设置填充颜色,如下图所示:
开启该设置项后,子看板会自动进行循环播放,轮播动画包括:“无动画”、“淡入淡出”、“水平平移”、“垂直平移”,并且可以设置“**动画持续时间**”和“页面停留时间”,如下图所示:
配置项 | 说明 |
---|---|
无动画 | 子看板之间的切换没有过渡动画,直接从一个看板跳转到下一个看板。 |
淡入淡出 | 当子看板进行切换时,前一个看板会逐渐变淡直至消失,而后一个看板则逐渐显现出来。淡入淡出的效果为切换过程添加了平滑的过渡。 |
水平平移 | 子看板会以水平(左右)方向移动的方式进行切换。 |
垂直平移 | 子看板会以垂直(上下)方向移动的方式进行切换。 |
动画持续时间 | 指的是每次切换子看板时,所选动画执行的时间长度。 |
页面停留时间 | 指每个子看板在屏幕上显示的持续时间,即从一个子看板开始显示到下一个子看板开始切换前的时间间隔。 |
配置项 | 说明 |
---|---|
背景颜色 | 自定义设置子看板的背景颜色。(颜色设置方式可以参看教程:设置颜色) |
背景图/视频 | 使用图片或视频作为子看板的背景。 |
填充方式 | 填充方式包括:“拉伸”、“平铺”、“不填充”。 |
背景模糊 | 自定义设置子看板的背景模糊程度。 |
背景音乐 | 可以通过输入网络链接的方式添加背景音乐,还可以调节背景音乐的音量,到切换到此看板时,会循环播放设置的背景音乐。 |
【温馨提示】背景中的设置会覆盖“背景子看板”中的背景图层内容。
如果您希望项目预览图单独展示某一样式可以在此处中设置,多个子大屏看板设置了封面会默认显示第一个子看板设置的封面样式,若不设置项目会默认展示第一个子大屏缩略图。