[iOS]UIView动画学习笔记(上)

原创 2015年07月09日 12:13:15

本文是学习慕课网UIView动画的笔记,可用于简单的创建动画,
慕课网视频链接如下:
http://www.imooc.com/learn/392

通过使用动画,我们可以使我们的iOS App更加生动,提高用户体验和粘性。
通常,我们的动画是在页面刚刚显示(viewDidAppear)或者点击了某个按键(Action)的时候开始,持续一小段时间结束

使用的API是:

Void UIView.animateWithDuration(duration:NSTimeInterval, animations: () -> Void)

当然还有很多变体的方法,当我们在Xcode输入函数名的时候,都可以展现出来,包括延迟执行和执行完成后,还可以调用另一个closure

我们的比较初级的动画效果分为如下几类:
- 位置
- 透明度
- 大小
- 颜色
- 翻转

下面我们依次进行说明:

位置

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.center.x = self.view.bounds.width - self.blueSquare.center.x
    })
    UIView.animateWithDuration(1, delay:0.5, options: nil, animations:{
        self.redSquare.center.y = self.view.bounds.height - self.redSquare.center.y
    }, completion: nil)
    UIView.animateWithDuration(1, delay:0.5, options: nil, animations:{
        self.greenSquare.center.x = self.view.bounds.width - self.greenSquare.center.x
        self.greenSquare.center.y = self.view.bounds.height - self.greenSquare.center.y
    }, completion: nil)

}

透明度(Opacity)

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.alpha = 0.1
    })  
}

大小

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.transform = CGAffineTransformMakeScale(2.0,2.0)
    })  
}

颜色

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.backgroundColor = UIColor.redColor()
        self.label.textColor = UIColor.whiteColor()
    })  
}

翻转

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSqure.transform = CGAffineTransformRotation(CGFloat(M_PI))
    })  
}

iOS学习笔记10-UIView动画

上次学习了iOS学习笔记09-核心动画CoreAnimation,这次继续学习动画,上次使用的CoreAnimation很多人感觉使用起来很繁琐,有没有更加方便的动画效果实现呢?答案是有的,那就是UI...

[iOS]UIView动画学习笔记(下)

上一篇文章记录了几类简单的动画内容,下面我们继续学习更多的动画, 慕课网视频的链接如下: http://www.imooc.com/learn/395本文涉及的内容: - Repeat - E...
  • realank
  • realank
  • 2015年07月09日 14:22
  • 322

xamarin学习笔记B03(ios的UIView的了解)

  • 2017年12月02日 14:17
  • 396.86MB
  • 下载

iOS学习笔记59-UIView自带动画和核心动画(Core Animation)

一、UIView自带动画(UIKit框架中)         注意:只有当UIView的以下属性改变时才能产生动画效果,且这些动画效果都是平面性的(二维的),基于手机屏幕的平面,主要有“平移(位置改...

iPhone开发学习笔记通过UIView实现动画效果

IPhone开发学习笔记通过UIView实现动画效果是本文要介绍的内容,UIKit通过封装Core Animation实现了一些常用的动画效果,用起来非常方便。使用的方法是通过UIView来声明一个动...

UIView动画(过渡效果)的学习笔记

UIView视图的动画功能,可以使在更新或切换视图时有放缓节奏、产生流畅的动画效果,进而改善用户体验。UIView可以产生动画效果的变化包括: 位置变化:在屏幕上移动视图。 大小变化:改变...

Xcode9学习笔记61 - 检测UIView视图动画的结束事件

override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after l...

UIView动画(过渡效果)的学习笔记

UIView视图的动画功能,可以使在更新或切换视图时有放缓节奏、产生流畅的动画效果,进而改善用户体验。UIView可以产生动画效果的变化包括: 位置变化:在屏幕上移动视图。 大小变化:...
  • ch_soft
  • ch_soft
  • 2012年03月09日 19:05
  • 1665

UIView动画(过渡效果)的学习笔记

UIView动画(过渡效果)的学习笔记

UIView动画(过渡效果)的学习笔记

UIView视图的动画功能,可以使在更新或切换视图时有放缓节奏、产生流畅的动画效果,进而改善用户体验。UIView可以产生动画效果的变化包括: 位置变化:在屏幕上移动视图。 大小变化:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[iOS]UIView动画学习笔记(上)
举报原因:
原因补充:

(最多只允许输入30个字)