iOS开发之动画编程的几种方法

iOS开发之动画编程的几种方法

IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKeyframeAnimation>,NSTimer

这里我就总结了一下这五种方法,其实iOS开发中动画的编程都会在这里面变化,所以只要弄懂了这些动画编程就不难了。

一:UIView动画

一般方式

  1. [UIView beginAnimations:@"ddd" context:nil];//设置动画
  2. [UIView commitAnimations]; //提交动画
  3. 这两个是必须有的,然后在两句的中间添加动画的代码
  4. [UIView beginAnimations:@"ddd" context:nil];//设置动画 ddd为动画名称
  5. [UIView setAnimationDuration:3];//定义动画持续时间
  6. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; //setAnimationCurve来定义动画加速或减速方式
  7. [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.window cache:YES];
  8. //设置动画的样式 forView为哪个view实现这个动画效果
  9. [UIView setAnimationDelay:3]; //设置动画延迟多久执行
  10. [UIView setAnimationDelegate:self]; //设置动画的代理 实现动画执行前后的方法 在commitAnimation之前设置
  11. [UIView setAnimationDidStopSelector:@selector(stop)];//设置动画结束后执行的方法
  12. [UIView setAnimationWillStartSelector:@selector(star)];//设置动画将要开始执行的方法
  13. [UIView commitAnimations]; //提交动画
  • typedef enum {
  • UIViewAnimationTransitionNone, //普通状态
  • UIViewAnimationTransitionFlipFromLeft, //从左往右翻转
  • UIViewAnimationTransitionFlipFromRight, //从右往左翻转
  • UIViewAnimationTransitionCurlUp, //向上翻页
  • UIViewAnimationTransitionCurlDown, //向下翻页
  • } UIViewAnimationTransition;
  • typedef enum {
  • UIViewAnimationCurveEaseInOut,
  • UIViewAnimationCurveEaseIn,
  • UIViewAnimationCurveEaseOut,
  • UIViewAnimationCurveLinear
  • } UIViewAnimationCurve;
  1. [UIView beginAnimations:@"ddd" context:nil]; //设置动画
  2. view.frame = CGRectMake(200, 200, 100, 100);
  3. [UIView commitAnimations]; //提交动画
  4. 当view从本来的frame移动到新的frame时会慢慢渐变 而不是一下就完成了 中间也可以添加到上面那段中间 只是多种效果重叠
  5. 以下这些也可以加到 [UIView beginAnimations:@"ddd" context:nil]; [UIView commitAnimations];之间
  6. view.transform = CGAffineTransformMakeTranslation(10, 10);//设置偏移量 相对于最初的 只能偏移一次
  7. view.transform = CGAffineTransformTranslate(view.transform, 10, 10); //设置偏移量 偏移多次
  8. self.view.transform = CGAffineTransformMakeRotation(M_PI);//设置旋转度 只能旋转一次
  9. self.view.transform = CGAffineTransformRotate(self.view.transform, M_PI); //旋转多次
  10. self.view.transform = CGAffineTransformMakeScale(1.1, 1.1); //设置大小 只能改变一次 数值时相对于本来的几倍
  11. self.view.transform = CGAffineTransformScale(self.view.transform, 1.1, 1.1);//改变多次
  12. self.view.transform = CGAffineTransformIdentity;//回到当初的样子 执行一次
  13. self.view.transform = CGAffineTransformInvert(self.view.transform);//得到相反的样子 大小 方向 位置执行多次

这里我实现了一个自定义的动画方法,方便使用,只需要调用就可以实现很好的功能。

方法的实现

-(void)UIViewAnimation:(UIView* )view frame:(CGRect)frame type:(int)type alpha:(float)alpha duration:(float)duration

{

//将对应的参数实现在方法中,调用的时候只需要输入方法中所需要的参数就能很好的调用这个方法,并且实现想要的功能!

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:duration];

[UIView setAnimationCurve:type];

[UIView setAnimationDelegate:self];

view.alpha=alpha;

view.frame=frame;

[UIView commitAnimations];

}

调用方法

[self UIViewAnimation:downView frame:CGRectMake(0, height, 320, 58) type:UIViewAnimationCurveEaseOut alpha:1 duration:0.3];

Block方式

  1. [UIView animateWithDuration:3 animations:^(void){
  2. //这里相当于在begin和commint之间
  3. }completion:^(BOOL finished){
  4. //这里相当于动画执行完成后要执行的方法,可以继续嵌套block
  5. }];

高级一点的block动画(Next)内嵌

- (void)changeUIView{

[UIView animateWithDuration:2  delay:0   options:UIViewAnimationOptionCurveEaseOut animations:^(void){

        moveView.alpha = 0.0;

  }completion:^(BOOL finished){

      [UIView animateWithDuration:1 delay:1.0   options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat    animations:^(void){                [UIView setAnimationRepeatCount:2.5];

    moveView.alpha = 1.0;

  }completion:^(BOOL finished){

}];

}];

}

二:.CAAnimation

需要添加库,和包含头文件

caanimation有多个子类

CABasicAnimation

  1. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
  2. //@""里的字符串有多种,可以自己找相关资料,一定要填对,动画才会执行 opacity设置透明度 bounds.size设置大小
  3. [animation setFromValue:[NSNumber numberWithFloat:1.0]]; //设置透明度从几开始
  4. [animation setToValue:[NSNumber numberWithFloat:0.3]];//设置透明度到几结束
  5. [animation setDuration:0.1]; //设置动画时间
  6. [animation setRepeatCount:100000];//设置重复时间
  7. [animation setRepeatDuration:4]; //会限制重复次数
  8. [animation setAutoreverses:NO];//设置是否从1.0到0.3 再从0.3到1.0 为一次 如果设置为NO则 1.0到0.3为一次
  9. [animation setRemovedOnCompletion:YES]; //完成时移出动画 默认也是
  10. [view.layer addAnimation:animation forKey:@"abc"];//执行动画

CAKeyframeAnimation

  1. CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];//设置view从初始位置经过一系列点
  2. NSArray *postionAraay = [NSArray arrayWithObjects:[NSValue valueWithCGPoint:CGPointMake(100, 20)], [NSValue valueWithCGPoint:CGPointMake(40, 80)],[NSValue
  3. valueWithCGPoint:CGPointMake(30, 60)],[NSValue valueWithCGPoint:CGPointMake(20, 40)],[NSValue valueWithCGPoint:CGPointMake(0, 100)],nil];//设置点
  4. NSArray *times = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.3],[NSNumber numberWithFloat:0.5],[NSNumber numberWithFloat:0.6],[NSNumber numberWithFloat:0.1],[NSNumber
  5. numberWithFloat:1.0], nil]; //设置移动过程的时间
  6. [animation setKeyTimes:times];
  7. [animation setValues:postionAraay];
  8. [animation setDuration:5]; //设置动画时间
  9. [bigImage.layer addAnimation:animation forKey:@"dd"]; //执行动画

CATransition

  1. CATransition *animation = [CATransition animation];
  2. animation.duration = 0.5f;
  3. animation.timingFunction = UIViewAnimationCurveEaseInOut;
  4. animation.fillMode = kCAFillModeForwards;
  • /*
  • kCATransitionFade;
  • kCATransitionMoveIn;
  • kCATransitionPush;
  • kCATransitionReveal;
  • */
  • /*
  • kCATransitionFromRight;
  • kCATransitionFromLeft;
  • kCATransitionFromTop;
  • kCATransitionFromBottom;
  • */
  1. animation.type = kCATransitionPush;
  2. animation.subtype = kCATransitionFromBottom;
  3. [view.layer addAnimation:animation forKey:animation];
  4. type也可以直接用字符串
  • /*
  • cube
  • suckEffect 卷走
  • oglFlip 翻转
  • rippleEffect 水波
  • pageCurl 翻页
  • pageUnCurl
  • cameraIrisHollowOpen
  • cameraIrisHollowClose
  • */

三:NSTimer

这是一种定时器来操作动画的方法,他可以结合上面的方法来实现动画的多样化!

  1. -(void) onTimer {
  2. imageView.center = CGPointMake(imageView.center.x + delta.x,
  3. imageView.center.y + delta.y);
  4. if (imageView.center.x > self.view.bounds.size.width - ballRadius ||
  5. imageView.center.x < ballRadius)
  6. delta.x = -delta.x;
  7. if (imageView.center.y > self.view.bounds.size.height - ballRadius ||
  8. imageView.center.y < ballRadius)
  9. delta.y = -delta.y;
  10. }
  11. - (void) viewDidLoad {
  12. ballRadius = imageView.bounds.size.width / 2;
  13. [slider setShowValue:YES];
  14. delta = CGPointMake(12.0,4.0);
  15. timer = [NSTimer scheduledTimerWithTimeInterval:slider.value
  16. target:self
  17. selector:@selector(onTimer)
  18. userInfo:nil
  19. repeats:YES];
  20. [super viewDidLoad];
  21. }
  22. -(IBAction) sliderMoved:(id) sender {
  23. [timer invalidate];
  24. timer = [NSTimer scheduledTimerWithTimeInterval:slider.value
  25. target:self
  26. selector:@selector(onTimer)
  27. userInfo:nil
  28. repeats:YES];
  29. //
    1. timer = [NSTimer scheduledTimerWithTimeInterval:?
    2. invocation:?
    3. repeats:YES];
  30. }
时间: 2024-10-21 04:29:30

iOS开发之动画编程的几种方法的相关文章

iOS开发——动画编程的几种方法

动画编程的几种方法 IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKeyframeAnimation>,NSTimer 这里我就总结了一下这五种方法,其实iOS开发中动画的编程都会在这里面变化,所以只要弄懂了这些动画编程就不难了. 一:UIView动画 一般方式 [UIView beginAnimations:@"ddd" context:nil];//设置动画[

IOS开发中数据持久化的几种方法--NSUserDefaults

IOS开发中数据持久化的几种方法--NSUserDefaults IOS 开发中,经常会遇到需要把一些数据保存在本地的情况,那么这个时候我们有以下几种可以选择的方案: 一.使用NSUserDefault是最简单直接的一个办法: 1)保存数据: 1 // 实例化一个NSUserDefaults单例对象 2 NSUserDefaults *user = [NSUserDefaults standardUserDefaults]; 3 // 把一个数组array保存在key为allContact的键值

iOS开发中动画的各种类型及方法总结

1.UIImage Animation图片动画 #define FPS 30.0 - (void)viewDidLoad {     [super viewDidLoad];     UIImage *image = [UIImage animatedImageNamed: @"ship-anim" duration:5*1/FPS];     self.imageView.image = image; } 2.NSTimer 计时器实现动画的方式 2.1基本方法: #define F

ios开发之倒计时实现的两种方法

方法1:使用NSTimer来实现 主要使用的是NSTimer的scheduledTimerWithTimeInterval方法来每1秒执行一次timeFireMethod函数,timeFireMethod进行倒计时的一些操作,完成时把timer给invalidate掉就ok了,代码如下: secondsCountDown = 60;//60秒倒计时 countDownTimer = [NSTimer scheduledTimerWithTimeInterval:1 target:self sel

【转】 ios开发之倒计时实现的两种方法

原文:http://blog.csdn.net/kylinbl/article/details/8972261 方法1:使用NSTimer来实现 主要使用的是NSTimer的scheduledTimerWithTimeInterval方法来每1秒执行一次timeFireMethod函数,timeFireMethod进行倒计时的一些操作,完成时把timer给invalidate掉就ok了,代码如下: [cpp] view plaincopyprint? secondsCountDown = 60;

iOS开发 跳转场景的三种方式

假设A跳转到B,三种方法: 1.按住ctrl键,拖动A上的控件(比如说UIButton)到B上,弹出菜单,选择Modal.不需要写任何代码,在A上点击Button就会跳转到B 2. 按住ctrl键,拖动A上的View Controller到B上,弹出菜单,选择Modal,两个场景间自动添加连接线和图标,选中该图标,打开Storyboard Segue,identifier输入一个标识符,这里以”aaaa”为例.A里需要跳转时,执行下面的代码: 1 [self performSegueWithId

iOS开发之多线程编程

iOS开发之多线程编程 1. 多线程简述 1.1什么是多线程? 解决的问题? 多线程是指,编程中在主线程之外开辟的新线程,用于处理一些耗时的.并发的任务.使用多线程可以避免主线程的阻塞,也对一个线程不容易实现的任务提供了思路.在多线程的知识中也涉及队列,锁等概念. 在这里科普一下队列的概念,队列:是管理线程的,相当于线程池,能管理线程什么时候执行.队列分为串行队列和并行队列. 串行队列:队列中的线程按顺序执行(不会同时执行) 并行队列:队列中的线程会并发执行,可能会有一个疑问,队列不是先进先出吗

IOS开发用户界面UI编程视频教程

在这个拼颜值的时代,App必须要华丽丽的闪亮登场,IOS UI设计成为iOS开发中必须熟练掌握的内容,可以说iOS开发的70%以上的工作量都花在iOS UI界面上,该阶段内容包括:iOS项目程序结构.生命周期.事件周期.视图View.各种视图组件.各种视图控制器.动画等. IOS开发用户界面UI编程视频教程(某学堂出品)课程目录:01-第一个UI程序02-视图创建03-父子视图04-UILabel标签05-Frame与bounds的区别06-UIButton按钮的使用07-UIImageView

iOS开发之网络编程--使用NSURLConnection实现大文件断点续传下载+使用输出流代替文件句柄

前言:本篇讲解,在前篇iOS开发之网络编程--使用NSURLConnection实现大文件断点续传下载的基础上,使用输出流代替文件句柄实现大文件断点续传.    在实际开发中,输入输出流用的比较少,但是用起来也是很方便的.iOS开发用到的输入输出流和在Java中的输入输出流是几乎一样的,本质也是一个意思:将网络返回的数据当做流来处理.    输入输出的理解:输入到哪里?输出到哪里?这个问题不难理解,输入输出是要站着服务器角度来思考的,下面用图来解释:    代码关键词: 1.在接收到响应头的代理