设置背景颜色效果如图:
颜色为“蓝色” | 颜色为“灰色” |
---|---|
图片
提供六张图片供选择,也支持上传图片。
上传图片的说明:
1、一次只能上传一个文件,双击上传图片框可重新上传。
2、当上传的图片大小超过300KB时,弹出如下“提示”框,选择压缩或不压缩图片。
设置背景图片效果如图:
对上传的图片支持设置拉伸方式和是否随滚动条滚动。
拉伸方式对比说明:
拉伸方式 | 效果 |
---|---|
适应 | 图片等比缩放,图片的最大边放到页面最小边时就不再放大,即保持图片比例的同时最大化显示图片。 |
平铺 | 若图片大小小于页面,则图片挨个排列,直到排满整个页面。 |
拉伸 | 图片不按比例缩放,根据屏幕显示分辨率拉伸。图片占满整个页面。 |
填充
| 图片等比缩放,按照图片的最小边来适应页面的最大边已达到填充页面效果。 如果图片分辨率和屏幕的比例不一样的话,图片会有部分显示不了(超出屏幕之外)。 |
是否随滚动条滚动对比如下:
分类 | 效果 |
---|---|
默认 | 背景图不随滚动条滚动。 |
滚动 | 背景图随滚动条滚动。 |
边距
设置页面与组件上下左右的边距大小。
效果如图:
对应的模型图如下:
间隔
设置组件的间隔大小
设置 | 图片 |
---|---|
设置间隔为2 | |
设置间隔为35 |