animate按钮教程详解
animate按钮教程详解的核心是:在 Adobe Animate 里先绘制或导入按钮外观,再用「转换为元件」把图形变成「按钮」类型元件,然后在元件内部四个帧上分别放不同状态,最后回到主时间轴用「代码片段」或「动作」面板给按钮实例加上点击后要执行的命令。
- 准备按钮形状
在舞台上用矩形工具或椭圆工具画出按钮的外形,也可以用钢笔工具描出轮廓。如果按钮需要文字,用文本工具在形状上方输入文字,文字和图形可以分开放置,方便后面替换。画好后选中所有组成按钮的图形和文字,按 F8 或从「修改」菜单里找到「转换为元件」。 - 转换为按钮元件
在「转换为元件」对话框里,把「类型」选为「按钮」,名称可以写成「myButton」或你能认出的名字。确定后,舞台上原来的图形会变成一个有蓝色边框的按钮实例。这时双击这个实例,会进入按钮元件的编辑模式,看到时间轴上出现「弹起」「指针经过」「按下」「点击」四个帧。 - 设置四个状态帧
在「弹起」帧放按钮默认状态;在「指针经过」帧按 F6 插入关键帧,把按钮颜色调亮或换一套颜色;在「按下」帧按 F6,把按钮往下移一两个像素或换更深的颜色;在「点击」帧按 F6,放一个覆盖整个按钮区域的透明形状,用来扩大鼠标响应范围。四个帧都设置好后,点时间轴左上角的场景名称回到主时间轴。 - 给按钮实例加动作
在主时间轴选中按钮实例,打开「窗口」菜单里的「动作」面板,或者用「代码片段」面板选一个按钮相关的片段。在「动作」面板里输入要执行的命令,例如跳到某一帧、打开一个网页或播放一段动画。输入后按 Ctrl+Enter 测试影片,把鼠标移到按钮上、按下、松开,看三个状态是否都按预期变化。 - 核对菜单和快捷键
不同版本的 Animate 在「转换为元件」对话框的位置和快捷键上可能略有差别,如果 F8 没有反应,到「修改」菜单里核对「转换为元件」这一项。按钮的四个帧名称也建议在时间轴上实际看一眼,确认是「弹起」「指针经过」「按下」「点击」而不是其它叫法。测试时如果按钮没有反应,先检查实例是否被锁定或隐藏,再检查「动作」面板里是否确实写上了命令。更多界面说明可以参考软件页:https://www.hh3h.com/?p=436