玄武屏编辑器是单页 Web 应用,按"中央画布 + 四周面板"的经典布局设计。本节给你完整的 UI 路线图。
布局总览
┌──────────────────────────────────────────────────────┐
│ 顶部菜单栏 · 文件 / 编辑 / 视图 / 插入 / 母版 / AI │
├────┬─────────────────────────────────────┬───────────┤
│ │ │ │
│ 左 │ │ 右 │
│ 元 │ 中央画布 │ 属性 │
│ 素 │ (当前页 + 元素操作) │ 面板 │
│ 面 │ │ │
│ 板 │ │ │
│ │ │ │
├────┼─────────────────────────────────────┼───────────┤
│ 底部页面缩略图 + 母版区 + 演讲者备注 │
└──────────────────────────────────────────────────────┘顶部菜单栏
| 菜单 | 关键命令 |
|---|---|
| 文件 | 新建 / 保存 / 历史版本 / 导入 PPT / 导出 PDF / 离线包 |
| 编辑 | 撤销重做 / 复制粘贴 / 查找替换 |
| 视图 | 缩放 / 标尺 / 网格 / 全屏播放 |
| 插入 | 文字 / 图片 / 视频 / GGB / HTML / 公式 / 表格 / 形状 / 组件 |
| 母版 | 切换母版 / 母版编辑模式 / 主题切换 |
| AI | AI-1 一键生成 / AI-2 推荐 / AI-4 出题 / AI-5 数字人 |
| 设置 | 偏好 / 快捷键 / 账户 / AI 余额 |
左侧元素面板
按类型分类:
- 文字与媒体:文字 / 图片 / 视频 / 音频
- 交互动画:GGB / HTML 组件
- 形状与图表:基础形状 / 表格 / 公式
- 组件库:按行业分类(教育 / 医疗 / 企业...)
- AI 元素:数字人讲解员 / AI 占位文本
详见「10. 元素总览」。
中央画布
- 默认 16:9,可在「视图 → 画布尺寸」切换
- 支持
Ctrl/⌘ + 滚轮缩放 - 选中元素显示 8 个调节柄 + 旋转把手
- 双击元素进入交互模式(GGB / HTML 元素专属)
详见「6. 画布与多尺寸适配」。
右侧属性面板
按选中对象动态显示:
- 未选中:当前页面属性(背景 / 母版 / 翻页过渡 / 备注)
- 选中元素:元素通用属性(位置 / 尺寸 / 透明度 / 旋转 / 锁定 / 链接 / 动画)
- 选中元素 + 详细标签:元素特有属性(如文字字号、视频自动播放)
详见「7. 面板系统」。
底部页面区
- 页面缩略图:拖动调整顺序、右键插入 / 删除 / 复制
- 母版区:当前页面引用的母版预览
- 演讲者备注:仅主讲人视图可见
隐藏面板
- 按
F11全屏专注(隐藏所有面板) - 按
⌘ + .切换 Zen 模式(仅画布) - 双击侧边栏分隔条折叠面板
触摸屏 / 平板适配
iPad / 触屏一体机有专用模式:
- 长按 = 右键
- 双指捏合 = 缩放画布
- 三指上滑 = 切换页面缩略图
下一节聚焦画布本身。
