iOS动画《第一篇》

由于在公司接触的项目都不怎么使用到动画,所以一直以来都没有怎么研究动画,这次总结一下自己最近写的一些动画效果。

UIView动画

相信大多数的同学都使用过UIView animateWithDuration:<#(NSTimeInterval)#> animations:<#^(void)animations#>
这个方法,这样也可以实现一些动画,但是它是加在view上的。

CoreAnimation动画

  • 使用它需要先添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>(PS:iOS7之后不需要添加)
  • 初始化一个CAAnimation对象,并设置一些动画相关属性。
  • 通过调用CALayer的addAnimation:forKey:方法增加CAAnimation对象到CALayer中,这样就能开始执行动画了。
  • 通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画。
    注意:Core Animation是直接作用在CALayer上的,并非UIView

CAAnimation

类的结构图:
这里写图片描述

CAAnimation是所有动画类的父类,但是它不能直接使用,应该使用它的子类。

常见属性有:
duration:动画的持续时间
repeatCount:动画的重复次数
timingFunction:控制动画运行的节奏

说明:(1)能用的动画类只有4个子类:CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup
   (2)CAMediaTiming是一个协议(protocol)。

CAPropertyAnimation是CAAnimation的子类,但是不能直接使用,要想创建动画对象,应该使用它的两个子类:CABasicAnimation和CAKeyframeAnimation

实践

看看效果图

这里写图片描述

如图所示,今天给大家带来5种动画的实现
UIView动画
此次动画采用UIView的一个方法来模拟的弹簧效果。(PS:该方法是iOS7才出来的)

[UIView animateWithDuration:2.0f delay:0.0 usingSpringWithDamping:0.2f initialSpringVelocity:5 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            self.imgView.transform = CGAffineTransformMakeTranslation(0, 200);
        } completion:^(BOOL finished) {

        }];

效果图:
这里写图片描述

CABasicAnimation动画

效果图:
这里写图片描述

CAKeyframeAnimation动画

效果图:
这里写图片描述

CATransition动画

效果图:(ps:这个动画需要去触发,因此写了touchesBegin)
这里写图片描述

CAAnimationGroup动画

效果图:
这里写图片描述

还是按照往常一样,代码上传了点击下载,代码中有详细解释,如有疑问或者更好的建议,欢迎联系!

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值