IOS 学习笔记 UIImageView创建帧动画

本篇文章记录的是学习帧动画的笔记

目录

 

1 帧动画

2 动画资源准备

2.1 Assets.xcassets目录中添加图片资源

2.2 Main.storyboard布局

2.3 UIButton添加点击事件

2.4 点击事件

2.5 动画资源

2.6 动画播放代码讲解

---

1 帧动画

所谓帧动画就是将一个序列的一组图片按顺序在一定时间内播放所展示出来的视觉效果。

 

2 动画资源准备

 

2.1 Assets.xcassets目录中添加图片资源

首先我们需要准备图片，在工程创建后xcode会默认生成Assets.xcassets文件夹，然后将一组动画图片添加到其中，最直接各方式拖拽进来，或者把一组动画的文件夹，比如run文件夹在电脑目录下先加入到Assets.xcassets目录，然后Add Files to“UIDemo”进来。操作如下图

 

2.2 Main.storyboard布局

布局效果如下图

布局通过故事板来实现，UIImageView用来展示动画图片，下面的7各UIButton用来触发点击事件，具体布局方式很简单，就不记录了，直接拖拽就行。

 

2.3 UIButton添加点击事件

给UIButton添加点击事件有两种方式

1）按住control键，按住左边按钮往右边代码中拖拽，弹出一个对话框，Name：输出函数名standAction，会自动生成代码

 

如何判断是否函数和视图关联起来了呢看函数前面的圆圈，如果是1的状态就是没有关联，下面的实心