测试版本: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()
}
}
大功告成!快来运行下应用吧!
网友评论