由于在公司接触的项目都不怎么使用到动画,所以一直以来都没有怎么研究动画,这次总结一下自己最近写的一些动画效果。
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动画
效果图:
还是按照往常一样,代码上传了点击下载,代码中有详细解释,如有疑问或者更好的建议,欢迎联系!
9126

被折叠的 条评论
为什么被折叠?



