自检与快捷键
发布前「画布自检」的 7 项检查与大屏边界建议值,以及设计器工具栏、快捷插入与全部快捷键。
概述
大屏是挂墙给人远距离看的,出问题往往不报错:数字是写死的、联动指向了已删除的组件、字太小看不清。「画布自检」在发布前统一检查这些问题;工具栏和快捷键则让摆版、对齐、复制更快。
功能入口
- 自检:设计器工具栏「自检」,打开「画布自检」对话框。工具栏上的自检按钮有发布前自检的提示,存在问题时按钮标题会显示问题摘要。
- 工具栏:画布上方,撤销、重做、全选、复制、删除,选中多个组件后出现的「批量治理」与对齐分布,以及「交互」「自检」「快捷插入」「画布辅助与吸附」「重置模板」和专注模式。
- 指南:系统菜单「大屏设计」>「指南」,与设计器「帮助」弹窗内容相同。
操作步骤
发布前自检
- 点击工具栏「自检」,查看顶部各分项得分和综合评价。
- 逐项展开:远距可读性、素材一致性、数据绑定完整性、数据源接没接上、交互引用完整性、大屏边界、属性有效性。
- 按提示修复。素材问题点「打开素材治理」,数据绑定问题点「打开数据治理」。
- 修复后重新自检,再「保存」「预览」「发布」。
显示被隐藏的组件
工具栏出现「隐藏 N」时,点击它,隐藏的组件在画布上以虚影显示,可以点选,也可以就地放回来。
快捷插入
点击工具栏「快捷插入」或按 Ctrl / Cmd + K,在一个搜索框里查找组件、模块、素材和图标并插入。
属性/参数说明
自检项
| 检查项 | 检查内容 |
|---|---|
| 远距可读性 | 字号(主信息、辅助信息的最小字号)、对比度(最低对比度)、标题层级(页头与分区标题的数量),提示挂墙环境下可能发虚的文字 |
| 素材一致性 | 主题套件、风格系列、来源纳管和稳定引用是否一致 |
| 数据绑定完整性 | 组件、页面变量和交互蓝图引用的数据集与字段是否仍然存在;缺失时说明是数据集不存在还是缺少某个字段 |
| 数据源接没接上 | 该吃数据的组件是否还在显示写死的内容(换数据集不会让它变);声明的数据集有没有人用(标「没人用」)。3D 场景也算该吃数据的组件 |
| 交互引用完整性 | 交互蓝图与组件联动引用的组件、页面和变量是否仍然存在 |
| 大屏边界 | 组件数量、轻交互入口、交互层级、当前阶段不支持的复杂配置,见下表 |
| 属性有效性 | 无意义、无效果或收益偏低的配置 |
大屏边界建议值
| 指标 | 推荐 | 上限 | 超出时 |
|---|---|---|---|
| 可见组件数量 | 16 个 | 24 个 | 超过推荐值提示留白与主次节奏,超过上限建议拆成轮播场景或专题页 |
| 轻交互入口(变量控件、场景切换入口) | 3 个 | 4 个 | 提示入口偏多,用户需要频繁操作页面 |
| 交互层级 | 3 层 | 提示已形成多层场景或变量切换链路 | |
| 复杂筛选、分析化配置 | 0 处 | 当前阶段大屏不提供点击钻取、自助分析、复杂筛选器,建议用单变量轻筛选,或转入仪表盘 |
这些是建议边界,不会阻止保存或发布。
工具栏
| 按钮 | 说明 |
|---|---|
| 撤销、重做、全选、复制、删除 | 基础编辑 |
| 批量治理 | 多选后出现:批量显示、批量隐藏、批量锁定、批量解锁,以及置于顶层、上移一层、下移一层、置于底层 |
| 对齐分布 / 编组操作 | 多选后出现:左对齐、水平居中、右对齐、顶对齐、垂直居中、底对齐、水平等距、垂直等距、画布水平居中、画布垂直居中、等宽、等高、等尺寸;选中的是编组时显示编组操作。垂直、水平等距需选 3 个以上 |
| 隐藏 N | 在画布上以虚影显示隐藏的组件 |
| 交互 | 打开「交互总览」,见交互与联动 |
| 自检 | 打开「画布自检」 |
| 快捷插入 | 一处搜索组件、模块、素材、图标 |
| 画布辅助与吸附 | 「隐藏画布辅助 / 显示画布辅助」(安全区、空槽位、标尺、参考线,只影响编辑期);「开启 / 关闭组件吸附」;「开启 / 关闭网格吸附」 |
| 重置模板 | 打开「应用整屏模板」,见模板、模块与素材 |
| 专注模式 | 收起编辑面板,只看画布;再点退出 |
快捷键
| 分类 | 快捷键 | 作用 |
|---|---|---|
| 编辑与历史 | Ctrl / Cmd + S |
保存 |
| 编辑与历史 | Ctrl / Cmd + Z |
撤销 |
| 编辑与历史 | Ctrl / Cmd + Y(或 Shift + Z) |
重做 |
| 插入与选择 | Ctrl / Cmd + K |
快捷插入 |
| 插入与选择 | Ctrl / Cmd + A |
全选组件 |
| 插入与选择 | Delete / Backspace |
删除选中的 |
| 插入与选择 | Esc |
取消选中;在预览里退出预览 |
| 复制与粘贴 | Ctrl / Cmd + D |
就地复制一个,原地偏一点 |
| 复制与粘贴 | Ctrl / Cmd + C / X |
复制 / 剪切,可以跨页 |
| 复制与粘贴 | Ctrl / Cmd + V |
粘贴到当前页;复制图片后粘贴为图片组件 |
| 复制与粘贴 | Ctrl / Cmd + Alt + C / V |
格式刷:拷样式 / 套样式 |
| 编组 | Ctrl / Cmd + G |
编组,要选中两个以上 |
| 编组 | Ctrl / Cmd + Shift + G |
取消编组 |
| 挪位置 | 方向键 | 推 1px |
| 挪位置 | Shift + 方向键 |
推 10px |
| 挪位置 | 空格 + 拖拽 | 平移画布 |
示例
发布一块新大屏前的检查清单:
- 「自检」看「数据源接入」是否「通过」;有「待接」的组件,把固定值改绑数据集。
- 看「数据绑定」是否报「数据集缺少字段」;有则重选字段。
- 看「交互引用」是否有指向已删除组件的联动;有则删除或重指。
- 看「远距可读性」提示的字号,放大过小的字。
- 全部通过后「保存」,用
Ctrl / Cmd + S也可以,再「预览」一次,最后「发布」。
注意事项
注意:内置模板自带的组件已经接好示例数据,自检的「数据源接入」主要守你自己搭的屏。
注意:编组之后是整体,对齐按钮不出现,要先取消编组。
提示:「自检」在设计器里的分项数量以对话框为准;指南里写的「6 项」是顶部得分卡片的数量,「交互引用完整性」在对话框中单独成节。