Swift UIImageView简单动画

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

方法一，设置动态图片

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

如图所示 test

我们可以创建UIImage

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

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

完成代码如下

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

执行看效果

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

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

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

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

接下来我们创建UIImageView

        //创建UIImageViewlet imgV=UIImageView(frame: CGRectMake(20, 100, 100, 100))imgV.animationDuration=2.0imgV.tag=99

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

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

设置UIImageView

        //设置UIImageView的imageimgV.animationImages=images//设置循环次数，0无限循环imgV.animationRepeatCount=0imgV.startAnimating()self.view.addSubview(imgV)

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

    func change(){let imgV=self.view.viewWithTag(99) as! UIImageViewif imgV.isAnimating(){imgV.stopAnimating()}else{imgV.startAnimating()}}

好了。运行试一下效果

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

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

而没有设置image的原因

我们修改一下代码即可

完整代码

    override func viewDidLoad() {super.viewDidLoad()//UIImageView 一些简单动画//使用img来实现动画let img1=UIImage.animatedImageNamed("test", duration: 2.0)let imgV3=UIImageView(image: img1)imgV3.frame=CGRectMake(20, 500, 100, 100)self.view .addSubview(imgV3)//创建buttonlet btn=UIButton.buttonWithType(UIButtonType.System) as!UIButtonbtn.frame=CGRectMake(20, 55, 120, 36)btn.setTitle("开始/结束", forState: UIControlState.Normal)btn.addTarget(self, action: "change", forControlEvents: UIControlEvents.TouchDown)self.view.addSubview(btn)//创建UIImageViewlet imgV=UIImageView(frame: CGRectMake(20, 100, 100, 100))imgV.animationDuration=2.0imgV.tag=99//创建图片var images=[UIImage]()for i in 0...2{let img=UIImage(named: "test\(i)")images.append(img!)}//设置UIImageView的imageimgV.animationImages=images//以上方法中设置了animationImages  我们会发现当停止动画的时候imgV上边直接没有图片了，如果需要点停止动画之后还能现实图片。我们需要设置图片imgV.image=UIImage(named: "test2.png")//设置循环次数，0无限循环imgV.animationRepeatCount=0imgV.startAnimating()self.view.addSubview(imgV)}func change(){let imgV=self.view.viewWithTag(99) as! UIImageViewif imgV.isAnimating(){imgV.stopAnimating()}else{imgV.startAnimating()}}

好了。运行测试一下

苹果开发群：414319235 欢迎加入欢迎讨论问题

Swift UIImageView简单动画相关推荐

ppt 简单动画制作
ppt 简单动画制作
Android成长之路-实现简单动画
实现简单动画: 在drawable目录中放入图片, 并且创建xml文件 frame.xml 存入图片,如下: [java] view plaincopy <pre class="htm ...
css 右上角翻开动画_css简单动画（transition属性）
一.对transition属性的认识 1.transition 属性是一个简写属性,可用于设置四个过渡属性: transition-property 过渡效果的 CSS 属性的名称(heigh ...
计算机模拟数学实验动画,计算机图形学实验-简单动画的实现、三维图形变换.docx...
安徽大学计算机实验教学中心PAGE 安徽大学计算机实验教学中心 PAGE 1 学号专业姓名实验日期2018.12.11 教师签字成绩实验报告 [实验名称]简单动画的实现.三维图形变换 [实验 ...
css3实现带有简单动画按钮导航
用css3实现的带有简单动画的按钮导航,主要运用了transition技术源代码下载地址:http://download.csdn.net/my点击打开链接 transition 语法: trans ...
flash人物原地走路,Flash制作小人走路简单动画图文教程
很多用户都想掌握Flash中的各种制作动画的技巧,今天极限下载小编就为大家分享如何利用Flash制作小人移动的动画,是对形状补间的一次简单运用,值得一说的是形状补间做的小人比起动画补间来说要轻松简明不 ...
iOS CAReplicatorLayer 简单动画
代码地址如下: http://www.demodashi.com/demo/11601.html 写在最前面,最近在看学习的时候,偶然间发现一个没有用过的Layer,于是抽空研究了下,本来应该能提前记 ...
iOS核心动画详解swift版----基础动画
2019独角兽企业重金招聘Python工程师标准>>> iOS核心动画详解swift版---基础动画创建工程,添加2个ViewController,通过rootViewContro ...
如何使用 Swift 开发简单的条形码检测器？
[编者按]本文作者为 Matthew Maher,主要手把手地介绍如何用 Swift 构建简单的条形码检测器.文章系 OneAPM 工程师编译整理. 超市收银员对货物进行扫码,机场内录入行李或检查乘客 ...

Swift UIImageView简单动画

Swift UIImageView简单动画相关推荐

最新文章

热门文章