画布设置
画布是大屏设计的基础容器。合理设置画布有助于确保大屏在不同分辨率和展示环境下效果统一,并提升整体美观度和易用性。
画布设置入口
- 在大屏编辑器中,选中 画布(点击非组件的空白区域选择),右侧属性面板将显示 画布设置 相关内容。
- 主要包含:尺寸设置、背景设置、适配方式、滤镜效果、主题设置。
1. 尺寸设置
- 常见分辨率预设:提供多种常见屏幕分辨率(如 1920×1080、2560×1440、3840×2160 等),方便快速选择。
- 自定义尺寸:支持手动输入宽度和高度的像素值,以满足特殊场景需求。
- 建议:
- 室内大屏常用分辨率:1920×1080;
- 超大 LED 屏:3840×2160 或更高;
- 若用于多端适配,建议根据目标设备实际分辨率进行设置。
2. 背景设置
- 背景色:支持纯色填充,可选择系统色盘或自定义 RGB/HEX 值。
- 背景图片:支持上传本地图片或引用平台素材库图片,支持平铺、拉伸、居中等展示方式。
- 透明背景:适用于嵌入式场景或特殊展示效果。
3. 适配方式
不同屏幕分辨率下,大屏的展示效果可能出现拉伸或留白。系统提供多种适配策略:
- 等比缩放(推荐):保持画布比例不变,自动缩放适应屏幕,可能留边。
- 拉伸铺满:强制拉伸画布填满屏幕,可能导致比例失真。
- 宽度优先 / 高度优先:按宽度或高度缩放,另一维度自动调整,适用于特定展示需求。
4. 滤镜效果
为画布整体添加滤镜,增强视觉效果: 支持色相、饱和度、对比度、亮度、透明度设置。
5. 主题设置
主题是对画布图表组件整体风格的统一配置,常用于快速套用一键美化效果。
使用建议
- 在项目开始前,先确定大屏尺寸和分辨率,避免后期频繁调整。
- 若有品牌色或视觉规范,建议在主题设置中统一配置,保持风格一致性。
- 背景尽量简洁,避免与组件内容产生冲突。
- 合理使用滤镜,突出重点信息,避免过度渲染导致视觉干扰。