文档首页 / 自检与快捷键

自检与快捷键

发布前「画布自检」的 7 项检查与大屏边界建议值,以及设计器工具栏、快捷插入与全部快捷键。

概述

大屏是挂墙给人远距离看的,出问题往往不报错:数字是写死的、联动指向了已删除的组件、字太小看不清。「画布自检」在发布前统一检查这些问题;工具栏和快捷键则让摆版、对齐、复制更快。

功能入口

  • 自检:设计器工具栏「自检」,打开「画布自检」对话框。工具栏上的自检按钮有发布前自检的提示,存在问题时按钮标题会显示问题摘要。
  • 工具栏:画布上方,撤销、重做、全选、复制、删除,选中多个组件后出现的「批量治理」与对齐分布,以及「交互」「自检」「快捷插入」「画布辅助与吸附」「重置模板」和专注模式。
  • 指南:系统菜单「大屏设计」>「指南」,与设计器「帮助」弹窗内容相同。

操作步骤

发布前自检

  1. 点击工具栏「自检」,查看顶部各分项得分和综合评价。
  2. 逐项展开:远距可读性、素材一致性、数据绑定完整性、数据源接没接上、交互引用完整性、大屏边界、属性有效性。
  3. 按提示修复。素材问题点「打开素材治理」,数据绑定问题点「打开数据治理」。
  4. 修复后重新自检,再「保存」「预览」「发布」。

显示被隐藏的组件

工具栏出现「隐藏 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
挪位置 空格 + 拖拽 平移画布

示例

发布一块新大屏前的检查清单:

  1. 「自检」看「数据源接入」是否「通过」;有「待接」的组件,把固定值改绑数据集。
  2. 看「数据绑定」是否报「数据集缺少字段」;有则重选字段。
  3. 看「交互引用」是否有指向已删除组件的联动;有则删除或重指。
  4. 看「远距可读性」提示的字号,放大过小的字。
  5. 全部通过后「保存」,用 Ctrl / Cmd + S 也可以,再「预览」一次,最后「发布」。

注意事项

注意:内置模板自带的组件已经接好示例数据,自检的「数据源接入」主要守你自己搭的屏。

注意:编组之后是整体,对齐按钮不出现,要先取消编组。

提示:「自检」在设计器里的分项数量以对话框为准;指南里写的「6 项」是顶部得分卡片的数量,「交互引用完整性」在对话框中单独成节。

相关文档

联系我们

请填写您的信息,我们将在 1 个工作日内与您联系。