iOS开发SwiftSwift编程程序员

Swift实现动画播放

2015-08-06  本文已影响457人  Color酸奶

玩转Swift

测试版本:Xcode7.0.1

效果图:

动画播放.gif

这篇文章写于2个月前,那时候使用Xcode6.3.1测试通过。升级到Xcode7.0.1后,有行代码报错,于是今天(2015.10.30)重新写了下.

好了,进入正题!在UI组件中,UIImageView可以用来播放动画,让我们看看怎么实现吧!

我们先讲一下实现思路:

1.将gif分解成若干帧图片存放在数组中

2.将数组转换为[UIImage]

3.将数组赋给imageView.animationImages

Ok!Let's start!

步骤:

1.打开Xcode,新建一个工程,选择SingleView Application,名字随便取.

2.把素材文件夹拖入Images.xcassets中(素材文件在文章最后).

3.打开故事板,拖入一个ImageView组件,两个Button组件.注意调整ImageView的大小以及做一下布局约束.照着下面的图片:

布局

4.代码部分:

importUIKit

classViewController:UIViewController

{

@IBOutletweakvarimageView:UIImageView!

//存放图片的数组

var imageArray =NSArray()

override func viewDidLoad()

{

super.viewDidLoad()

//向数组中添加图片

for(var i=1;i<58;i++)

{

let image =UIImage(named:"\(i)")!

imageArray=imageArray.arrayByAddingObject(image)

}

//设置动画源

imageView.animationImages=imageArray as! [UIImage]

//设置动画间隔

imageView.animationDuration=2

}

@IBAction func play(sender:AnyObject)

{

//播放动画

imageView.startAnimating()

}

@IBAction func stop(sender:AnyObject)

{

//停止动画

imageView.stopAnimating()

}

override func didReceiveMemoryWarning()

{

super.didReceiveMemoryWarning()

}

}

大功告成!快来运行下应用吧!

素材下载 密码:iv7e

上一篇下一篇

猜你喜欢

热点阅读