UIKit基础:14-序列帧动画的简单介绍

在前面我们把基本控件都搞定了, 其中有一些控件涉及到动画, 但只是不多, 只是简单介绍, 这次我们再来介绍一个有关于动画的功能, 那就是序列帧动画, 那什么是序列帧动画呢?? 相信有很多人都知道GIF格式的图片, 它就是一个序列帧动画, 把一堆图片拼接在一起形成一个动画, 下面让我们来看看素材:

图片是在百度找的, 版权不属于我, 只做测试只用,如有侵权麻烦请留言, 我会删除处理:

点击打开链接

下面让我们来看看storyboard的界面搭建:

然后我们关联该控件:

然后把图片导入:

最后就是代码的实现了:

- (void)catImageView:(NSUInteger)count setButton:(UIImageView *)imageView
{
    NSMutableArray *imagesArray = [NSMutableArray array];
    
    for (NSUInteger i = 1; i <= count; i++) {
        NSString *str = [NSString stringWithFormat:@"%ld.png", i];
        UIImage *image = [UIImage imageNamed:str];
        
        [imagesArray addObject:image];
    }
    
    [imageView setAnimationImages:imagesArray];
    [imageView setAnimationDuration:3.0];
    [imageView setAnimationRepeatCount:1];
<pre name="code" class="objc">    [imageView startAnimating];

}

- (void)viewDidLoad {
    [super viewDidLoad];
    [self catImageView:53 setButton:_catImageView];
}

动画效果就自行去看啦, 我这里没法显示, 下面我给你们讲解一下序列帧动画的方法:

1. 加载动画的图片数组

[imageView setAnimationImages:imagesArray];

2. 设置动画的时间

[imageView setAnimationDuration:3.0];

3. 设置动画的次数: 如果该方法不设置, 那么动画就会无限循环

[imageView setAnimationRepeatCount:1];

4. 开始动画

[imageView startAnimating];

代码里的图片:

链接: http://pan.baidu.com/s/1ntMbls1 密码: uko7

好了, 这次我们就讲解到这里, 下次我们继续~~~