iOS简单动画实现 (一)

iOS动画主要是指Core Animation框架,Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作。

先查看 Core Animation类

常用属性

duration : 动画的持续时间

beginTime : 动画的开始时间

repeatCount : 动画的重复次数

autoreverses : 执行的动画按照原动画返回执行

type:过渡动画的动画类型,系统提供了四种过渡动画。

kCATransitionFade 渐变效果

kCATransitionMoveIn 进入覆盖效果

kCATransitionPush 推出效果

kCATransitionReveal 揭露离开效果

subtype : 过渡动画的动画方向

kCATransitionFromRight 从右侧进入

kCATransitionFromLeft 从左侧进入

kCATransitionFromTop 从顶部进入

kCATransitionFromBottom 从底部进入


在oc中调用动画一般有三种方式

    1   UIView直接调用

基本写法,代码必须放在Begin和Commit之间:

[UIView beginAnimations:nil context:nil];

//开始动画//Code..

.[UIView commitAnimations];//提交动画

例如如下执行多个效果

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:3.0];

[_imageView setAlpha:0.0];

[UIView commitAnimations];


[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:3.0];

CGPoint point=_imageView.center;

point.y+=150;

[_imageView setCenter:point];

[UIView commitAnimations];

另外简单介绍下UIView 的部分属性和方法

//开始动画    

+ (void)beginAnimations:(NSString *)animationID context:(void*)context;

//提交动画+ (void)commitAnimations;

//设置动画曲线,默认是匀速进行:

+ (void)setAnimationCurve:(UIViewAnimationCurve)curve;  

//设置动画时长:

+ (void)setAnimationDuration:(NSTimeInterval)duration;  

//默认为YES。为NO时跳过动画效果,直接跳到执行后的状态

+(void)setAnimationsEnabled:(BOOL)enabled;  

//设置动画延迟执行(delay:秒为单位):

+ (void)setAnimationDelay:(NSTimeInterval)delay;

//动画的重复播放次数

+ (void)setAnimationRepeatCount:(float)repeatCount

//如果为YES,逆向(相反)动画效果,结束后返回动画逆向前的状态; 默认为NO:

+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses;

//设置动画代理:

+ (void)setAnimationDelegate:(id)delegate;

//动画将要开始时执行方法××(必须要先设置动画代理):

+ (void)setAnimationWillStartSelector:(SEL)selector;

//动画已结束时执行方法××(必须要先设置动画代理):

+ (void)setAnimationDidStopSelector:(SEL)selector;/*

*  设置动画过渡效果

*

*  @param transition 动画的过渡效果

*  @param view 过渡效果作用视图

*  @param cache 如果为YES,开始和结束视图分别渲染一次并在动画中创建帧;否则,视图将会渲染每一帧。例如,你不需要在视图转变中不停的更新,你只需要等到转换完成再去更新视图。*/

+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache;

//删除所有动画层

- (void)removeAllAnimations;

   2 使用 UIView 代码块

//  方法一  简单动画执行

[UIView animateWithDuration:4.0    //动画时长

animations:^{

//code  动画执行代码

}];

//方法二  动画执行完后调用

[UIView animateWithDuration:4.0

//动画时长

animations:^{

//code... 动画执行代码

}

completion:^(BOOL finished) {

//动画完成后执行//code...

}];

//方法三   带有延时效果的

[UIView  animateWithDuration:4.0  //动画时长  

delay:2.0  //动画延迟  

options:UIViewAnimationOptionCurveEaseIn //动画过渡效果  

animations:^{

//code... 动画执行代码

completion:^(BOOL finished) {

//动画完成后执行//code...

}];

方法四,Spring Animationring Animation

[UIView animateWithDuration:4.0  //动画时长 

delay:0.0  //动画延迟

usingSpringWithDamping:1.0  //类似弹簧振动效果 0~1 

initialSpringVelocity:5.0//初始速度

options:UIViewAnimationOptionCurveEaseInOut  //动画过渡效果

animations:^{

//动画执行代码

} completion:^(BOOL finished) {

//动画完成后执行//code...[_imageView setAlpha:1];

}];

iOS中动画是做出炫酷效果的基础 本文仅仅简单介绍 后期会抽空继续深入挖掘研究

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容