今天要为大家介绍的是动画自动生成代码工具Core Animator
Core Animator是一款动画制作软件,可以自动生成Objective-C和Swift代码,让开发者快速在App中制作动画效果甚至是游戏(99.99美金)。
part1下面就先来看下如何制作动画
打开Core Animator,创建一个项目,可以看到Core Animator的主界面。中间是动画画板,顶部是工具栏,左侧包含所有素材,右侧可以设置元素的各种属性。
下面以一个简单的“小垃圾桶”为例,来示范如何使用Core Animator制作动画。
将垃圾桶的两个图片素材拖拽到Core Animator中,摆放在合适的位置。
将鼠标移动至中心画板的边缘,可以修改画板的大小。选中垃圾桶盖,可以通过拖拽周围的标志点修改其大小或角度,或者直接在界面右边的属性栏中设置。
拖拽中间的锚点到盖子的左下角,这样盖子就能以左下角为基准进行旋转了。
点击工具栏上的 Animate 按钮,在左侧的弹出菜单中输入创建的动画名称,比如 open。
在时间轴的一秒处点击鼠标,然后旋转画布上的盖子到想要的角度,一个简单的动画就完成了。按下回车键即可看到动画预览。
在时间轴上可以看到刚刚创建动画的图层,点击图层上的直线,可以选择动画速度曲线,比如弹簧效果。
点击左侧的无穷∞按钮,即可让动画无限循环,再点击一下,可以设置动画为反复无限循环。
按照类似的方法,我们再制作一个 close 动画。这样我们的动画素材就准备完毕了。
然后点击右上角的导出按钮,在这里可以选择导出哪些动画,设置导出代码使用的平台、代码语言、图片素材的存储方式以及是否裁剪边缘。
设置完成后,点击导出按钮,选择路径保存即可。
part2将动画嵌入app
下面我们就将动画快速嵌入app中。
打开一个Xcode项目,将刚刚导出的动画目录添加到项目中。
打开Storyboard,新建一个UIView,在Storyboard中添加必要的约束后。
打开这个UIView的Identity检查器,将UIView的类修改为刚刚我们导入的文件名,比如本例中的TrashcanView。
然后将这个UIView的背景色修改为透明,我们就可以在Storyboard中直接看到图片预览了。
然后增加一个按钮,用来控制动画触发。将这个UIView绑定到界面类中
调用动画非常简单,只需要给这个UIView的对象发送addAnimation消息即可播放动画,这个消息名还需要添加刚刚导入动画的名称,比如我们使用addOpenAnimation。
在模拟器中运行,点击按钮就可以看到动画播放了,
导入的动画类还有许多其他功能,比如添加动画结束之后触发的Block,设置动画结束后是否回到首针,可以设置动画播放的延迟,还可以手动选择显示动画的某一针。
使用Core Animator写动画,岂止方便,简直方便。