上次更新日期：
2023年5月24日
- Adobe Animate 用户指南
- Animate 简介
- 动画
- Animate 动画基础知识
- 如何在 Animate 中使用帧和关键帧
- 在 Animate 中使用逐帧动画
- 如何在 Animate 中使用经典补间动画
- 画笔工具
- 运动辅助线
- 补间动画和 ActionScript 3.0
- 关于运动补间动画
- 补间动画
- 创建补间动画
- 使用属性关键帧
- 用补间对位置进行动画处理
- 如何使用动画编辑器编辑补间动画
- 编辑补间动画的运动路径
- 处理补间动画
- 添加自定义缓动
- 创建和应用动画预设
- 设置动画的补间范围
- 处理另存为 XML 文件的补间动画
- 补间动画与传统补间
- 形状补间
- 在 Animate 中使用骨骼工具动画
- 在 Animate 中处理角色操纵
- 如何在 Adobe Animate 中使用遮罩层
- 如何在 Animate 中使用场景
- 交互性
- 工作区和工作流
- 创建和管理画笔
- 在 HTML5 Canvas 文档中使用 Google 字体
- 使用 Creative Cloud Libraries 和 Adobe Animate
- 使用 Animate 的舞台和工具面板
- Animate 工作流程和工作区
- 在 HTML5 Canvas 文档中使用 Web 字体
- 时间轴和 ActionScript
- 使用多个时间轴
- 设置首选参数
- 使用 Animate 创作面板
- 使用 Animate 创建时间轴图层
- 导出移动应用程序和游戏引擎的动画
- 移动和复制对象
- 模板
- 在 Animate 中查找和替换
- 撤消、重做和历史记录面板
- 键盘快捷键
- 如何在 Animate 中使用时间轴
- 创建 HTML 扩展
- 图像和动画 GIF 的优化选项
- 图像和 GIF 的导出设置
- Animate 中的资源面板
- 多媒体与视频
- 在 Animate 中变形和合并图形对象
- 在 Animate 中创建并使用元件实例
- 图像描摹
- 如何在 Adobe Animate 中使用声音
- 导出 SVG 文件
- 创建用于 Animate 中的视频文件
- 如何在 Animate 中添加视频
- 使用 Animate 绘制和创建对象
- 改变线条和形状
- Animate CC 中的笔触、填充和渐变
- 使用 Adobe Premiere Pro 和 After Effects
- Animate CC 中的颜色面板
- 使用 Animate 打开 Flash CS6 文件
- 在 Animate 中使用传统文本
- 向 Animate 中置入图稿
- 在 Animate 中导入的位图
- 3D 图形
- 在 Animate 中使用元件
- 使用 Adobe Animate 绘制线条和形状
- 在 Animate 中使用库
- 导出声音
- 在 Animate CC 中选择对象
- 在 Animate 中使用 Illustrator AI 文件
- 应用混合模式
- 排列对象
- 使用“命令”菜单自动处理任务
- 多语言文本
- 在 Animate 中使用摄像头
- 图形滤镜
- 声音和 ActionScript
- 绘制首选参数
- 用钢笔工具绘图
- 平台
- 将 Animate 项目转换为其它文档类型格式
- 自定义平台支持
- 在 Animate 中创建和发布 HTML5 Canvas 文档
- 创建和发布 WebGL 文档
- 如何打包 AIR for iOS 应用程序
- 发布 AIR for Android 应用程序
- 发布用于桌面的 Adobe AIR
- ActionScript 发布设置
- 最佳做法 - 管理应用程序中的 ActionScript
- 如何在 Animate 中使用 ActionScript
- Animate 工作区中的辅助功能
- 编写和管理脚本
- 启用自定义平台支持
- 自定义平台支持概述
- 使用自定义平台支持插件
- 调试 ActionScript 3.0
- 启用自定义平台支持
- 导出和发布
- 故障排除
使用 HTML 扩展可以对 Animate 进行功能扩展。Adobe Extension Builder 3 允许您创建用于 Animate 的 HTML 扩展。在此之前，您只能使用 SWF 扩展对 Animate 进行功能扩展。不过，Adobe Extension Builder 3 允许您为 Creative Cloud 应用程序创建 HTML 扩展。要开始使用，您需要下载并安装 Eclipse 和 Extension Builder 3.0。
创建 HTML 扩展
要创建 HTML 扩展，可执行以下操作：
- 启动 Eclipse。
- 在 New Project（新建项目）向导中，创建一个新的应用程序扩展项目。为该项目提供一个有意义的名称，然后单击 Next（下一步）。
- 在 New Adobe Application Extension Project（新建 Adobe 应用程序扩展项目）面板中，选择“Adobe Animate”。单击“下一步”。
- 使用以下可用选项配置扩展：
- Bundle ID（绑定 ID）用于唯一标识扩展。
- Menu name（菜单名称）是扩展的显示名称。菜单名称显示在 Animate 的“窗口”>“扩展”菜单中。
- Window Details（窗口详情）这些选项用于自定义扩展的窗口类型和大小。
单击 Next（下一步）。
- 您可以在接下来的几个屏幕中进一步自定义扩展的引用库：
- CEP Interface Library（CEP 接口库）提供与主机应用程序实现交互的功能。此选项默认为选中。
- Frameworks（框架）用于常见的 Javascript 库，如 jQuery。
- Services（服务）包括 Adobe IPC Communication Toolkit，用于实现 Adobe 应用程序、扩展及外部应用程序之间的通信。它作为 Creative Cloud 通信的一个中枢，通过 CEP Service Manager 提供一个消息传送协议。
单击 Finish（完成）将创建一个新的 Eclipse 项目。
在 Animate 中调试扩展
可以直接从 Eclipse 运行扩展：
- 右键单击项目，并选择 Run As（运行作为）> Adobe Flash Extension（Adobe Flash 扩展）。这将启动 Animate。
- 在 Animate 中，选择“窗口”>“扩展”菜单项。项。这将打开扩展面板。
导出扩展
要分发扩展，需要将其作为一个 ZXP 包导出。之后在 Creative Cloud 应用程序上由 Adobe Extension Manager 下载并运行该 ZXP 包：
- 在 Eclipse 中，切换到 Script Explorer 视图，右键单击项目并选择 Export（导出）>Adobe Extension Builder 3 > Application Extension（应用程序扩展）。这将显示 Export Wizard（导出向导）。
- 您必须具有证书才能对扩展包进行签名。浏览到现有证书，或单击 Create（创建），创建一个新的证书。
- 单击 Finish（完成）。
- 导出完成后，会在项目文件夹下找到该扩展的 ZXP 包，便可用来分发了。
注意：要安装扩展，需要访问 <extension>\.staged-extension\CSXS\manifest.xml 文件并更新 host 标记，以便将 Animate 的最低版本设为 13.0。
在 Animate 中安装扩展
您可以使用 Adobe Extension Manager，在 Animate 中安装 HTML 扩展。HTML 扩展可帮助您扩展 Animate 的功能。
向 HTML 扩展添加交互性
通过添加控件、定义行为，您可以构建一个 HTML 扩展与 Animate 实现交互，然后获取主机（包括 Animate 和操作系统）环境的有关信息。这可以通过两种方式来实现：
- 使用 CEP 接口库：CEP 接口库提供一些用于获取主机环境信息的 API 和一个允许您运行 JSFL 的 eval 脚本。要了解有关 CEP 接口库的更多信息，可在 Eclipse 中打开 Help（帮助）> Help Contents（帮助内容）> Adobe Extension Builder > References（参考）。
- 使用 JSFL：可以使用 CEP 接口库的 Eval 脚本 API 来运行 JSFL 脚本。
除 JSFL 外，Animate 中的 CEP 架构还提供以下事件，这些事件仅可以用在 HTML 面板中。- com.adobe.events.flash.documentChanged：当前活动文档发生改变时触发。
- com.adobe.events.flash.timelineChanged：对当前活动文档的时间轴进行更改时触发。
- com.adobe.events.flash.documentSaved：保存当前文档时触发。
- com.adobe.events.flash.documentOpened：打开新文档时触发。
- com.adobe.events.flash.documentClosed：关闭当前活动文档时触发。
- com.adobe.events.flash.documentNew：创建新文档时触发。
- com.adobe.events.flash.layerChanged：选择另外的图层时触发。
- com.adobe.events.flash.frameChanged：选择另外的帧时触发。
- com.adobe.events.flash.selectionChanged：选择舞台上另外的对象时触发。
- com.adobe.events.flash.mouseMove：在舞台上移动鼠标时触发。
示例
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)
在上面的代码片段中：
- csinterface：CEP 接口库的对象。
- com.adobe.events.flash.selectionChanged：对象选择发生更改时触发的事件。也可以使用上述任一事件。
- CallbackFunction：侦听所触发事件的方法。
