swift UIImageView简单动画

UIImageView 如果要实现类似于grf的动画图 我们可以直接使用两中方式实现

方法一，设置动态图片

首先，我们需要一组实现动画的图片，按照顺序命名

如图所示 test

我们可以创建UIImage

[objc]  view plain copy

1. let img1=UIImage.animatedImageNamed("test", duration: 2.0)  

然后将图片直接赋值给UIImageView即可

完成代码如下

[objc]  view plain copy

1. //使用img来实现动画  
2. let img1=UIImage.animatedImageNamed("test", duration: 2.0)  
3. let imgV3=UIImageView(image: img1)  
4. imgV3.frame=CGRectMake(20, 500, 100, 100)  
5. self.view .addSubview(imgV3)  

执行看效果

方法二，通过数组图片赋值

这里我们稍微做复杂一点可以控制图片动画的开始结束

首先创建一个button用于控制动画

[objc]  view plain copy

1. //创建button  
2. let btn=UIButton.buttonWithType(UIButtonType.System) as!UIButton  
3. btn.frame=CGRectMake(20, 55, 120, 36)  
4. btn.setTitle("开始/结束", forState: UIControlState.Normal)  
5. btn.addTarget(self, action: "change", forControlEvents: UIControlEvents.TouchDown)  
6. self.view.addSubview(btn)  

接下来我们创建UIImageView 

[objc]  view plain copy

1. //创建UIImageView  
2. let imgV=UIImageView(frame: CGRectMake(20, 100, 100, 100))  
3. imgV.animationDuration=2.0  
4. imgV.tag=99  

然后创建图片数组用于动画

[objc]  view plain copy

1. //创建图片  
2. var images=[UIImage]()  
3. for i in 0...2{  
4.     let img=UIImage(named: "test\(i)")  
5.     images.append(img!)  
6. }  

设置UIImageView

[objc]  view plain copy

1. //设置UIImageView的image  
2. imgV.animationImages=images  
3. //设置循环次数，0无限循环  
4. imgV.animationRepeatCount=0  
5. imgV.startAnimating()  
6. self.view.addSubview(imgV)  

接下来我们实现刚才button的点击方法，控制动画开始结束

[objc]  view plain copy

1. func change(){  
2.     let imgV=self.view.viewWithTag(99) as! UIImageView  
3.     if imgV.isAnimating(){  
4.         imgV.stopAnimating()  
5.     }else{  
6.         imgV.startAnimating()  
7.     }  
8. }  

好了。运行试一下效果

大家有没有发现一个问题，那就是点击结束动画之后整个UIImageView都不显示了

这是因为我们只设置了UIImageView的 animationImages 

而没有设置image的原因

我们修改一下代码即可

完整代码

[objc]  view plain copy

1. override func viewDidLoad() {  
2.     super.viewDidLoad()  
3.   
4.     //UIImageView 一些简单动画  
5.       
6.     //使用img来实现动画  
7.     let img1=UIImage.animatedImageNamed("test", duration: 2.0)  
8.     let imgV3=UIImageView(image: img1)  
9.     imgV3.frame=CGRectMake(20, 500, 100, 100)  
10.     self.view .addSubview(imgV3)  
11.       
12.       
13.       
14.     //创建button  
15.     let btn=UIButton.buttonWithType(UIButtonType.System) as!UIButton  
16.     btn.frame=CGRectMake(20, 55, 120, 36)  
17.     btn.setTitle("开始/结束", forState: UIControlState.Normal)  
18.     btn.addTarget(self, action: "change", forControlEvents: UIControlEvents.TouchDown)  
19.     self.view.addSubview(btn)  
20.       
21.     //创建UIImageView  
22.     let imgV=UIImageView(frame: CGRectMake(20, 100, 100, 100))  
23.     imgV.animationDuration=2.0  
24.     imgV.tag=99  
25.       
26.       
27.     //创建图片  
28.     var images=[UIImage]()  
29.     for i in 0...2{  
30.         let img=UIImage(named: "test\(i)")  
31.         images.append(img!)  
32.     }  
33.       
34.     //设置UIImageView的image  
35.     imgV.animationImages=images  
36.     //以上方法中设置了animationImages  我们会发现当停止动画的时候imgV上边直接没有图片了，如果需要点停止动画之后还能现实图片。我们需要设置图片  
37.     imgV.image=UIImage(named: "test2.png")  
38.     //设置循环次数，0无限循环  
39.     imgV.animationRepeatCount=0  
40.     imgV.startAnimating()  
41.     self.view.addSubview(imgV)  
42.       
43.       
44.       
45.       
46.       
47.       
48.       
49. }  
50. func change(){  
51.     let imgV=self.view.viewWithTag(99) as! UIImageView  
52.     if imgV.isAnimating(){  
53.         imgV.stopAnimating()  
54.     }else{  
55.         imgV.startAnimating()  
56.     }  
57. }