智绘云创 · 企业版交互动画演示工作台
全面掌握操作与快捷键，提升创作效率。
一、界面布局
- 左侧面板：文件列表、素材库入口、保存/加载工程、选中计数、搜索框。
- 右侧画布：媒体元素放置区域，支持缩放、平移、多选。
- 顶部工具栏：导出、颜色调节、控件库、线宽预设、绘制形状、阵列、绘制工具（管道/动线/波浪线）、仅选择模式、锁定开关、网格切换等。
- 视口控制栏：背景设置、全屏、显示全部、原图、缩放工具、添加文字、隐藏/显示、选择替代、重建替代下拉菜单、跟随/断开跟随、绑定/解绑、锁定/解锁。
- 底部工具栏：撤销/重做、集体/个体中心切换、旋转、缩放、重置变换、中心点重合、选择集编辑。
- 右侧分享按钮：生成分享链接与二维码。
文件管理
- 加载图像/视频：点击“加载图像”按钮或直接将文件拖入画布（支持多选）。
- 素材库：H 打开左侧抽屉，可按分类浏览或搜索素材，点击添加到画布中心。
- 保存工程：Ctrl+S，可保存到本地(.bqs)或上传到云端历史记录。
- 加载工程：Ctrl+L，可选择替换当前工程或合并到现有画布。
视口导航
- 平移：按住鼠标中键拖动画布，或按住空格键拖拽（当未处于绘制模式时）。
- 缩放：滚动滚轮；或使用缩放工具 Z 按住左键上下拖动。
- 重置视图：点击“原图”按钮恢复默认缩放与位置。
- 显示全部：Ctrl+F，缩放至所有元素可见。
- 网格：Ctrl+G 切换网格显示/隐藏。
- 全屏：F11 切换全屏模式。
元素选择
- 单选：左键点击元素。
- 加选/减选：Ctrl+左键（加选），Ctrl+Shift+左键（减选）。
- 框选：在空白处按住左键拖出矩形框，可选择框内元素（配合Ctrl可追加）。
- 全选/反选：在选中计数栏点击“全选”或“反选”按钮。
- 选择集：Ctrl+E 打开选择集编辑，可将当前选中保存为选择集，方便快速切换。
元素变换
- 移动：左键拖拽元素；微调可使用方向键或WASD（步长0.1px）。
- 旋转：点击左转/右转按钮（每次±90°），或在旋转输入框中直接输入角度（-360~360）。
- 缩放：点击放大/缩小按钮（±10%），或在缩放输入框输入百分比（10%~500%）。
- 翻转：点击水平/垂直翻转按钮。
- 重置变换：点击“重置”按钮恢复原始大小、旋转与翻转。
- 变换中心模式：个体中心（默认）/集体中心，通过底部工具栏按钮切换。
图层与层级
- 置顶/置底：点击“开启”/“关闭”按钮（分享模式下），或使用“置顶”/“置底”按钮（普通模式）。
- 上移/下移：在层级中上移或下移一层。
- 被关联为“跟随”的子对象层级随父对象变化。
锁定与隐藏
- 锁定/解锁：Shift+空格，锁定后元素不可拖动和变换。
- 隐藏/显示：选中元素后点击“隐藏/显示”按钮，或右键菜单选择隐藏/显示。文件列表中双击文件名也可快速隐藏/显示。
历史记录
- 撤销：Ctrl+Z
- 重做：Ctrl+Y 或 Ctrl+Shift+Z
绘制工具
- 线条：空格 进入/退出绘制模式。点击画布添加折点，右键或双击完成绘制（至少2个点）。支持正交/轴测锁定。详细教程
- 矩形：点击“绘制矩形”按钮，拖拽绘制，按住Shift可绘制正方形。
- 圆形/六边形/三角形：从“绘制形状”下拉菜单选择，拖拽绘制，按住Shift可绘制正图形。
- 动线：Shift+D 立即进入绘制模式（使用上次参数），或从“绘制工具”菜单选择“绘制动线”打开设置面板。支持箭头/蚂蚁线样式，可调节数量、大小、速度。
- 管道：Shift+G 立即进入绘制模式，或从“绘制工具”菜单选择“绘制管道”打开参数面板。左键确定起点，拖动确定长度和方向，右键完成。可设置直径、颜色、材质。详细教程
- 波浪线：Shift+B 立即进入绘制模式，点击起点和终点生成正弦波浪线。
控件库
从“控件库”下拉菜单可添加：
- 简单开关：一个具有“开/关”两种状态的交互元件，外观为圆角矩形滑块。它可以绑定多种交互行为，用于控制画布上其他元素的显示/隐藏、视频播放/暂停、状态切换等。详细教程
- 滑动条：普通滑动条（0~100）或百分比滑动条（带数值输入）。
- 多档开关：二档/三档/四档开关，可绑定视频速度或元素显示/隐藏（右键菜单进行绑定）。
绑定系统
- 轮流显示：选择至少2个元素，点击“轮流显示”按钮，再点击一个触发元素。每次点击触发元素会循环显示下一个元素。
- 置顶/置底绑定：选择要置顶（或置底）的多个元素，点击对应绑定按钮，再点击触发元素。点击触发元素时所有绑定元素一次性置顶或置底。
- 隐藏/显示绑定：选择要隐藏或显示的元素，点击“隐藏绑定”或“显示绑定”，再点击触发元素。点击触发元素切换目标元素的隐藏/显示状态。
- 解绑：点击“解绑”按钮进入解绑模式，再点击绑定元素可选择解除部分或全部绑定。
动作设置
动作设置 是智绘云创中实现 交互动画 的核心模块。通过它，您可以定义元素的 起始状态 和 结束状态，并通过 点击一个触发元素 来驱动一系列目标元素在两种状态之间平滑过渡——全程无需编写任何代码。
核心概念
🎯 触发元素
用户点击的媒体元素（图片、按钮、文字等），点击后触发动作执行。
📦 目标元素
受动作影响的元素，可以有一个或多个，按顺序执行动画。
🔵 开始状态
目标元素在动作执行前的状态（裁剪、旋转、缩放、位置）。
🔴 结束状态
目标元素在动作执行后的状态，与开始状态形成过渡。
🔄 过渡模式
一次 — 从当前状态过渡到另一端后停止
重复 — 循环过渡指定次数
往复 — 来回过渡指定次数
重复 — 循环过渡指定次数
往复 — 来回过渡指定次数
💡
动作设置会同时记录 裁剪、旋转、缩放、位置 四种变化，一个配置即可实现复杂的复合动画。
使用流程（六步完成配置）
1
打开动作设置面板
点击底部工具栏的 “动作设置” 按钮，右侧滑出设置面板。
2
选择触发元素
点击面板中的 “选择触发元素”，然后点击画布上的任意媒体元素。触发元素会被高亮（蓝色边框），面板中会显示其名称。
3
选择目标元素（可多选）
点击 “选择目标元素”，然后逐个点击画布上的媒体元素，将其添加为目标。在 “目标元素列表” 中您可以：
- 调整执行顺序 — 修改数字输入框，决定动画播放的先后次序。
- 删除目标 — 点击右侧 × 移除不需要的元素。
- 一键清空 — 点击“清空所有目标”重新选择。
4
记录开始状态
将目标元素调整到您想要的 起始位置/形态（例如：将视频裁掉一部分、旋转到某个角度），然后点击面板中的 “记录开始状态”。系统会同时记录所有目标元素的 裁剪、旋转、缩放、位置 信息。
5
记录结束状态
将目标元素调整到 结束位置/形态（例如：裁掉另一部分、旋转到另一个角度），点击 “记录结束状态”。面板中每个目标元素的状态详情会显示“已记录”。
⚠️
注意： 所有目标元素必须同时记录开始和结束状态，否则无法应用配置。
6
设置动画参数 & 应用配置
动画时长： 拖动滑块设定过渡动画持续时间（0.1–3.0 秒）。
过渡类型： 选择“一次过渡”、“重复过渡”或“往复过渡”。
- 重复过渡 — 下方出现“重复次数”输入框，留空表示无限循环。
- 往复过渡 — 下方出现“往复次数”输入框，留空表示无限往复。
最后点击 “应用配置”，保存设置。此时点击触发元素，目标元素就会按设定的顺序和模式执行动画。
编辑已有配置
在“已配置的动作”区域，每个触发器分组右上角有一个 “编辑” 按钮（紫色渐变）。点击后进入编辑模式，您可以：
- 更换触发元素 — 点击画布上新的元素，系统自动替换。
- 添加/删除目标元素 — 调整目标列表。
- 重新记录开始/结束状态 — 更新动画内容。
- 修改执行顺序 — 调整目标元素的播放次序。
- 调整动画时长和过渡类型 — 优化动画效果。
📝
编辑完成后，再次点击 “应用配置” 保存修改。编辑期间，所有修改会实时生效。
常见使用场景
📦 产品爆炸图
将产品拆解为多个部件，记录合拢状态和展开状态，点击按钮实现展开/合拢动画，依次展示内部结构。
🧭 工艺流程演示
将各个工艺节点作为目标元素，记录灰色和亮色状态，点击“下一步”依次高亮节点，配合动线展示流程。
📱 UI 交互原型
将多个界面截图作为目标元素，记录隐藏和显示状态，点击界面按钮实现页面切换，模拟真实 App 体验。
🏭 设备维修培训
将设备部件作为目标元素，记录安装和拆卸状态，按顺序展示拆卸步骤，配合视频讲解，降低培训成本。
📊 数据看板切换
将不同数据视图作为目标元素，记录显示和隐藏状态，点击标签切换视图，动态展示数据变化。
🗺️ 历史演变时间线
将不同时期的地图作为目标元素，记录透明和显示状态，点击时间节点切换地图，配合动线展示演变过程。
常见问题
目标元素的顺序号如何影响动画？
顺序号决定动画执行的先后次序。数字小的先执行，数字大的后执行。如果多个元素顺序号相同，它们会 同时执行 动画，适合需要同步变化的效果。
“一次过渡”为什么有时候不按预期方向过渡？
系统会自动判断当前状态更接近开始状态还是结束状态，并总是向 另一端 过渡。如果您想强制从开始到结束，请先将元素调整到开始状态并记录，再执行动作。
如何停止正在执行的循环动画？
点击面板中的 “停止动画” 按钮（位于重复次数或往复次数输入框下方），或再次点击触发元素（如果配置了停止功能），可立即停止所有正在运行的动画。
控件和动作设置可以同时使用吗？
可以！它们相互独立，互不干扰。例如：您可以用 滑动条 控制视频播放速度，同时用 动作设置 控制视频的显示/隐藏，组合出更丰富的交互效果。
一个触发元素可以驱动多个不同的动作配置吗？
可以。同一个触发元素可以绑定多组动作配置（不同的目标元素、不同的过渡模式）。点击触发元素时，所有关联的动作会按照各自的配置并行或顺序执行。
替代关系
- 建立替代：先选择普通元素（将被替代），点击“选择替代”按钮，再点击一个替代元素（将替代它们）。替代元素会获得红色标签，被替代元素获得绿色标签。
- 添加替代：选中已存在的替代元素和普通元素，点击“添加替代”可将普通元素加入被替代列表。
- 取消替代：选中替代元素或部分被替代元素，点击“取消替代”可解除关系。
- 重建替代：工程加载后，点击“重建替代”可根据文件名（如“替代001”“被替代001”）自动建立关系。
阵列
- Alt+A 启动阵列模式。先选中一个元素作为源，点击起点，移动鼠标确定方向，再次点击设置终点，输入间距后生成沿线阵列。
颜色调节
- Ctrl+H 打开颜色调节面板（需选中单个元素），可调节色相、饱和度、明暗、对比度。调节实时生效。
文字工具
- 点击“文字”按钮，然后在画布上单击放置文字。双击文字可编辑内容，右键可打开颜色选择器更改文字颜色。按ESC退出编辑。
裁剪
- 选中图片或视频后，拖动边缘的红色控制点（上下左右中心）进行裁剪。按住Shift点击控制点可重置裁剪。裁剪百分比会显示在文件名中。
跟随关系
- 选中子对象，点击“跟随”，再点击父对象。此后父对象的置顶/置底操作会带动所有子对象一起移动。点击“断开跟随”解除。
分享与导出
- 点击右下角“分享”按钮，输入标题后上传到云端，生成二维码和链接，可分享给他人（分享模式下仅支持置顶/置底和原图按钮）。
- 导出图像/动图/视频：从顶部“导出图像”下拉菜单选择，需联系客服协助（功能待完善）。
四、快捷键大全
| 操作 | 快捷键 | 说明 |
|---|---|---|
| 保存工程 | Ctrl+S | 本地或云端 |
| 加载工程 | Ctrl+L | 替换/合并 |
| 打开素材库 | H | 显示素材库抽屉 |
| 缩放工具 | Z | 激活后左键上下拖动缩放 |
| 显示全部 | Ctrl+F | 缩放到所有元素可见 |
| 网格切换 | Ctrl+G | 显示/隐藏网格 |
| 全屏 | F11 | 切换全屏 |
| 加选 | Ctrl+左键 | 追加选择 |
| 减选 | Ctrl+Shift+左键 | 从选择中移除 |
| 选择集编辑 | Ctrl+E | 打开选择集对话框 |
| 微移上/下/左/右 | W/S/A/D 或 方向键 | 步长0.1px |
| 中心点重合 | Ctrl+D | 将选中元素中心对齐到目标元素 |
| 锁定/解锁 | Shift+空格 | 锁定后不可拖动 |
| 撤销 | Ctrl+Z | |
| 重做 | Ctrl+Y / Ctrl+Shift+Z | |
| 线条绘制模式 | 空格 | 开始/结束绘制折线 |
| 动线绘制（立即） | Shift+D | 使用上次参数 |
| 管道绘制（立即） | Shift+G | 使用上次参数 |
| 波浪线绘制（立即） | Shift+B | 使用上次参数 |
| 仅选择模式 | Ctrl+X | 禁止拖动，仅可选择 |
| 正交锁定 | F | 只能沿水平/垂直移动 |
| 轴测锁定 | W | 只能沿30°、150°等方向移动 |
| 颜色调节 | Ctrl+H | 需选中单个元素 |
| 复制 | Ctrl+C / Ctrl+V | 复制选中元素 |
| 删除 | Delete | 删除选中元素 |
| 阵列 | Alt+A | 需先选中一个元素 |
| 添加文字 | （按钮） | 单击放置文字 |
五、右键菜单功能
- 在画布空白处右键：显示“全部取消隐藏”、“隐藏所有元素”、“选择全部元素”以及切换网格/锁定/仅选择模式的状态。
- 在元素上右键：
- 普通元素：显示隐藏/显示相关选项。
- 滑动条/开关：弹出绑定菜单（绑定视频速度/进度/裁剪，或解除绑定）。
- 管道：弹出属性编辑对话框，可实时调整直径、颜色、材质、长度。
- 动线：弹出编辑对话框，可修改样式、颜色、箭头数量等。
- 线条：弹出编辑对话框，修改颜色和宽度。
六、小贴士
- 工程文件（.bqs）采用Base64编码，包含所有元素信息、变换状态和绑定关系。
- 分享模式下，画布元素不可编辑，但绑定按钮仍然可点击触发功能（如轮流显示、置顶等）。
- 文件名中的特殊标记（如“替代001”、“轮显1-1”）会在重建时自动恢复关联关系，因此请勿随意修改文件名前缀。
- 若元素过多影响性能，可使用“隐藏”功能暂时关闭不需要的元素。