iOS简单动画效果：闪烁、移动、旋转、路径、组合

  1. #define kDegreesToRadian(x) (M_PI * (x) / 180.0)
  2. #define kRadianToDegrees(radian) (radian*180.0)/(M_PI)
  3. - (void)viewDidLoad
  4. {
  5. [superviewDidLoad];
  6. self.title = @"测试动画";
  7. self.view.backgroundColor = [UIColorlightGrayColor];
  8. myTest1 = [[UILabelalloc]initWithFrame:CGRectMake(10, 100, 60, 40)];
  9. myTest1.backgroundColor = [UIColorblueColor];
  10. myTest1.textAlignment = NSTextAlignmentCenter;
  11. myTest1.text = @"张明炜";
  12. myTest1.textColor = [UIColorwhiteColor];
  13. [self.viewaddSubview:myTest1];
  14. //闪烁效果。
  15. //    [myTest1.layer addAnimation:[self opacityForever_Animation:0.5] forKey:nil];
  16. ///移动的动画。
  17. //    [myTest1.layer addAnimation:[self moveX:1.0f X:[NSNumber numberWithFloat:200.0f]] forKey:nil];
  18. //缩放效果。
  19. //    [myTest1.layer addAnimation:[self scale:[NSNumber numberWithFloat:1.0f] orgin:[NSNumber numberWithFloat:3.0f] durTimes:2.0f Rep:MAXFLOAT] forKey:nil];
  20. //组合动画。
  21. //    NSArray *myArray = [NSArray arrayWithObjects:[self opacityForever_Animation:0.5],[self moveX:1.0f X:[NSNumber numberWithFloat:200.0f]],[self scale:[NSNumber numberWithFloat:1.0f] orgin:[NSNumber numberWithFloat:3.0f] durTimes:2.0f Rep:MAXFLOAT], nil];
  22. //    [myTest1.layer addAnimation:[self groupAnimation:myArray durTimes:3.0f Rep:MAXFLOAT] forKey:nil];
  23. //路径动画。
  24. //    CGMutablePathRef myPah = CGPathCreateMutable();
  25. //    CGPathMoveToPoint(myPah, nil,30, 77);
  26. //    CGPathAddCurveToPoint(myPah, nil, 50, 50, 60, 200, 200, 200);//这里的是控制点。
  27. //    [myTest1.layer addAnimation:[self keyframeAnimation:myPah durTimes:5 Rep:MAXFLOAT] forKey:nil];
  28. //旋转动画。
  29. [myTest1.layeraddAnimation:[selfrotation:2degree:kRadianToDegrees(90) direction:1repeatCount:MAXFLOAT] forKey:nil];
  30. }
  31. #pragma mark === 永久闪烁的动画 ======
  32. -(CABasicAnimation *)opacityForever_Animation:(float)time
  33. {
  34. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];//必须写opacity才行。
  35. animation.fromValue = [NSNumber numberWithFloat:1.0f];
  36. animation.toValue = [NSNumber numberWithFloat:0.0f];//这是透明度。
  37. animation.autoreverses = YES;
  38. animation.duration = time;
  39. animation.repeatCount = MAXFLOAT;
  40. animation.removedOnCompletion = NO;
  41. animation.fillMode = kCAFillModeForwards;
  42. animation.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];///没有的话是均匀的动画。
  43. return animation;
  44. }
  45. #pragma mark =====横向、纵向移动===========
  46. -(CABasicAnimation *)moveX:(float)time X:(NSNumber *)x
  47. {
  48. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];///.y的话就向下移动。
  49. animation.toValue = x;
  50. animation.duration = time;
  51. animation.removedOnCompletion = NO;//yes的话，又返回原位置了。
  52. animation.repeatCount = MAXFLOAT;
  53. animation.fillMode = kCAFillModeForwards;
  54. return animation;
  55. }
  56. #pragma mark =====缩放-=============
  57. -(CABasicAnimation *)scale:(NSNumber *)Multiple orgin:(NSNumber *)orginMultiple durTimes:(float)time Rep:(float)repertTimes
  58. {
  59. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
  60. animation.fromValue = Multiple;
  61. animation.toValue = orginMultiple;
  62. animation.autoreverses = YES;
  63. animation.repeatCount = repertTimes;
  64. animation.duration = time;//不设置时候的话，有一个默认的缩放时间.
  65. animation.removedOnCompletion = NO;
  66. animation.fillMode = kCAFillModeForwards;
  67. return  animation;
  68. }
  69. #pragma mark =====组合动画-=============
  70. -(CAAnimationGroup *)groupAnimation:(NSArray *)animationAry durTimes:(float)time Rep:(float)repeatTimes
  71. {
  72. CAAnimationGroup *animation = [CAAnimationGroupanimation];
  73. animation.animations = animationAry;
  74. animation.duration = time;
  75. animation.removedOnCompletion = NO;
  76. animation.repeatCount = repeatTimes;
  77. animation.fillMode = kCAFillModeForwards;
  78. return animation;
  79. }
  80. #pragma mark =====路径动画-=============
  81. -(CAKeyframeAnimation *)keyframeAnimation:(CGMutablePathRef)path durTimes:(float)time Rep:(float)repeatTimes
  82. {
  83. CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
  84. animation.path = path;
  85. animation.removedOnCompletion = NO;
  86. animation.fillMode = kCAFillModeForwards;
  87. animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
  88. animation.autoreverses = NO;
  89. animation.duration = time;
  90. animation.repeatCount = repeatTimes;
  91. return animation;
  92. }
  93. #pragma mark ====旋转动画======
  94. -(CABasicAnimation *)rotation:(float)dur degree:(float)degree direction:(int)direction repeatCount:(int)repeatCount
  95. {
  96. CATransform3D rotationTransform = CATransform3DMakeRotation(degree, 0, 0, direction);
  97. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];
  98. animation.toValue = [NSValue valueWithCATransform3D:rotationTransform];
  99. animation.duration  =  dur;
  100. animation.autoreverses = NO;
  101. animation.cumulative = NO;
  102. animation.fillMode = kCAFillModeForwards;
  103. animation.repeatCount = repeatCount;
  104. animation.delegate = self;
  105. return animation;
  106. }
时间： 2024-10-25 06:03:43

iOS简单动画效果：闪烁、移动、旋转、路径、组合的相关文章

iOS的动画效果类型及实现方法

实现iOS漂亮的动画效果主要有两种方法, 一种是UIView层面的, 一种是使用CATransition进行更低层次的控制, 第一种是UIView,UIView方式可能在低层也是使用CATransition进行了封装,它只能用于一些简单的.常用的效果展现,这里写一个常用的示例代码,供大家参考. [UIView beginAnimations:@"Curl"context:nil];//动画开始 [UIView setAnimationDuration:0.75]; [UIView se

ios各种动画效果

ios各种动画效果 最普通动画: //开始动画 [UIView beginAnimations:nil context:nil];  //设定动画持续时间 [UIView setAnimationDuration:2]; //动画的内容 frame.origin.x += 150; [img setFrame:frame]; //动画结束 [UIView commitAnimations]; 连续动画:一个接一个地显示一系列的图像 NSArray *myImages = [NSArray arr

自定义实现ExpandableListView收缩的简单动画效果

以下是 ExpandableListView 收缩的简单动画效果 1 /* 2 * Copyright (C) 2014 Gary Guo 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); 5 * you may not use this file except in compliance with the License. 6 * You may obtain a copy of the L

ios开发之--简单动画效果的添加

记录一个简单的动画效果,自己写的,很简单,仅做记录. 附一个demo的下载地址: https://github.com/hgl753951/hglTest.git 代码如下: 1,准备 BOOL _isOpen; NSMutableArray * _btnArray; 2,具体代码 -(void)initUI { _btnArray = [[NSMutableArray alloc]init]; for (int i=0; i<4; i++) { UIButton * btn = [UIButt

iOS添加到购物车的简单动画效果

[objc] view plaincopyprint? [objc] view plaincopyprint? #pragma mark - 添加到购物车的动画效果 // huangyibiao - (void)addAnimatedWithFrame:(CGRect)frame { // 该部分动画 以self.view为参考系进行 frame = [[UIApplication sharedApplication].keyWindow  convertRect:frame fromView:

使用模块化管理工具seajs实现简单动画效果

今天使用模块化的管理工具seajs实现了一个简单的动画效果. seajs具有简单友好的模块定义规范.seajs遵循CMD规范,可以像nodejs一样编写代码. seajs具有自然直观的代码组织方式.依赖的自动加载,配置简洁清晰. 通过学习,发现seajs的使用是具有一个标准的格式的,如下define(function(require,exports,module){ //定义的代码块 });其中回调的参数名和顺序都是不可改变的. 这次小动画实现的文件结构: word.html代码如下: 1 <!

IOS开动画效果之──实现 pushViewController 默认动画效果

在开发中,视图切换会常常遇到,有时我们不是基于导航控制器的切换,但实际开发中,有时需要做成push效果,下面将如何实现push和pop 默认动画效果代码实例: 一.push默认动画效果 CATransition *transition = [CATransition animation]; transition.duration = 0.3f; transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMedia

iOS 之动画效果

/** type *  各种动画效果  其中除了'fade', `moveIn', `push' , `reveal' ,其他属于私有的API. *  ↑↑↑上面四个可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush', 'kCATransitionReveal'来调用. *  @"cube"                     立方体翻滚效果 *  @"moveIn"    

Android简单动画效果

a1.xml 淡出效果 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:duration="500" android:fromAlpha="1.0" android:toAlpha=&qu