App下载

动画自动生成代码工具 Core Animator

今天要为大家介绍的是动画自动生成代码工具 Core Animator

Core Animator 是一款动画制作软件,可以自动生成 Objective-C 和 Swift 代码,让开发者快速在 App 中制作动画效果甚至是游戏(99.99美金)。
 

part 1 下面就先来看下如何制作动画

打开 Core Animator ,创建一个项目,可以看到 Core Animator 的主界面。中间是动画画板,顶部是工具栏,左侧包含所有素材,右侧可以设置元素的各种属性

下面以一个简单的“小垃圾桶”为例,来示范如何使用 Core Animator 制作动画。

将垃圾桶的两个图片素材拖拽到 Core Animator 中,摆放在合适的位置。

将鼠标移动至中心画板的边缘,可以修改画板的大小。选中垃圾桶盖,可以通过拖拽周围的标志点修改其大小或角度,或者直接在界面右边的属性栏中设置。

拖拽中间的锚点到盖子的左下角,这样盖子就能以左下角为基准进行旋转了。

点击工具栏上的 Animate 按钮,在左侧的弹出菜单中输入创建的动画名称,比如 open。

在时间轴的一秒处点击鼠标,然后旋转画布上的盖子到想要的角度,一个简单的动画就完成了。按下回车键即可看到动画预览。

在时间轴上可以看到刚刚创建动画的图层,点击图层上的直线,可以选择动画速度曲线,比如弹簧效果。

点击左侧的无穷∞按钮,即可让动画无限循环,再点击一下,可以设置动画为反复无限循环。

按照类似的方法,我们再制作一个 close 动画。这样我们的动画素材就准备完毕了。

然后点击右上角的导出按钮,在这里可以选择导出哪些动画,设置导出代码使用的平台、代码语言、图片素材的存储方式以及是否裁剪边缘。

设置完成后,点击导出按钮,选择路径保存即可。

 

part 2 将动画嵌入 app

下面我们就将动画快速嵌入 app 中。

打开一个 Xcode 项目,将刚刚导出的动画目录添加到项目中。

打开 Storyboard,新建一个 UIView,在 Storyboard 中添加必要的约束后。

打开这个 UIView 的 Identity 检查器,将 UIView 的类修改为刚刚我们导入的文件名,比如本例中的 TrashcanView。

然后将这个 UIView 的背景色修改为透明,我们就可以在 Storyboard 中直接看到图片预览了。

然后增加一个按钮,用来控制动画触发。

将这个 UIView 绑定到界面类中

调用动画非常简单,只需要给这个 UIView 的对象发送  addAnimation 消息即可播放动画,这个消息名还需要添加刚刚导入动画的名称,比如我们使用 add Open Animation。

在模拟器中运行,点击按钮就可以看到动画播放了,

导入的动画类还有许多其他功能,比如添加动画结束之后触发的 Block,设置动画结束后是否回到首针,可以设置动画播放的延迟,还可以手动选择显示动画的某一针。

使用 Core Animator写动画,岂止方便,简直方便。

展开

分享到:

全部评论

发表评论
视频是否解决了您的问题呢?
解决啦 没有
我有话要说 收藏此视频