iphonelayer动画_eqi ios layer旋转动画

发布时间：2018年04月10日 19:28:18分享人:晨光苏醒来源:互联网8
分类：iphone2012-02-0313:53192人阅读评论(0)收藏举报

原文：

http://nachbaur.com/blog/core-animation-part-1

sample下载地址

http://nachbaur.com/wp-content/uploads/2011/01/CALayerAnimTest.zip

共描述了4个动画

1）轨道环绕，比如月球绕地球

源码：

[html]viewplaincopy
  1. self.view.backgroundColor=[UIColorblackColor];
  3. //Orbit#1
  4. CALayer*orbit1=[CALayerlayer];
  5. orbit1.bounds=CGRectMake(0,0,200,200);
  6. orbit1.position=self.view.center;
  7. orbit1.cornerRadius=100;
  8. orbit1.borderColor=[UIColorredColor].CGColor;
  9. orbit1.borderWidth=1.5;
  11. CALayer*planet1=[CALayerlayer];
  12. planet1.bounds=CGRectMake(0,0,20,20);
  13. planet1.position=CGPointMake(100,0);
  14. planet1.cornerRadius=10;
  15. planet1.backgroundColor=[UIColorredColor].CGColor;
  16. [orbit1addSublayer:planet1];
  18. CABasicAnimation*anim1=[CABasicAnimationanimationWithKeyPath:@"transform.rotation"];
  19. anim1.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionLinear];
  20. anim1.fromValue=[NSNumbernumberWithFloat:0];
  21. anim1.toValue=[NSNumbernumberWithFloat:((360*M_PI)/180)];
  22. anim1.repeatCount=HUGE_VALF;
  23. anim1.duration=8.0;
  24. [orbit1addAnimation:anim1forKey:@"transform"];
  26. [self.view.layeraddSublayer:orbit1];
  28. //Orbit#2
  29. CALayer*orbit2=[CALayerlayer];
  30. orbit2.bounds=CGRectMake(0,0,120,120);
  31. orbit2.position=planet1.position;
  32. orbit2.cornerRadius=60;
  33. orbit2.borderColor=[UIColorblueColor].CGColor;
  34. orbit2.borderWidth=1.5;
  36. CALayer*planet2=[CALayerlayer];
  37. planet2.bounds=CGRectMake(0,0,16,16);
  38. planet2.position=CGPointMake(60,0);
  39. planet2.cornerRadius=8;
  40. planet2.backgroundColor=[UIColorblueColor].CGColor;
  41. [orbit2addSublayer:planet2];
  43. CABasicAnimation*anim2=[CABasicAnimationanimationWithKeyPath:@"transform.rotation"];
  44. anim2.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionLinear];
  45. anim2.fromValue=[NSNumbernumberWithFloat:0];
  46. anim2.toValue=[NSNumbernumberWithFloat:((360*M_PI)/180)];
  47. anim2.repeatCount=HUGE_VALF;
  48. anim2.duration=4.0;
  49. [orbit2addAnimation:anim2forKey:@"transform"];
  51. [orbit1addSublayer:orbit2];
  53. //Orbit#3
  54. CALayer*orbit3=[CALayerlayer];
  55. orbit3.bounds=CGRectMake(0,0,72,72);
  56. orbit3.position=planet2.position;
  57. orbit3.cornerRadius=36;
  58. orbit3.borderColor=[UIColorgrayColor].CGColor;
  59. orbit3.borderWidth=1.5;
  61. CALayer*planet3=[CALayerlayer];
  62. planet3.bounds=CGRectMake(0,0,12,12);
  63. planet3.position=CGPointMake(36,0);
  64. planet3.cornerRadius=6;
  65. planet3.backgroundColor=[UIColorgrayColor].CGColor;
  66. [orbit3addSublayer:planet3];
  68. CABasicAnimation*anim3=[CABasicAnimationanimationWithKeyPath:@"transform.rotation"];
  69. anim3.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionLinear];
  70. anim3.fromValue=[NSNumbernumberWithFloat:0];
  71. anim3.toValue=[NSNumbernumberWithFloat:((360*M_PI)/180)];
  72. anim3.repeatCount=HUGE_VALF;
  73. anim3.duration=2.0;
  74. [orbit3addAnimation:anim3forKey:@"transform"];
  76. [orbit2addSublayer:orbit3];

2。飘动的云

源码

[html]viewplaincopy
  1. UIImage*cloudImage=[UIImageimageNamed:@"cloud.png"];
  3. CALayer*cloud=[CALayerlayer];
  4. cloud.contents=(id)cloudImage.CGImage;
  5. cloud.bounds=CGRectMake(0,0,cloudImage.size.width,cloudImage.size.height);
  6. cloud.position=CGPointMake(self.view.bounds.size.width/2,
  7. cloudImage.size.height/2);
  8. [self.view.layeraddSublayer:cloud];
  10. CGPointstartPt=CGPointMake(self.view.bounds.size.width+cloud.bounds.size.width/2,
  11. cloud.position.y);
  12. CGPointendPt=CGPointMake(cloud.bounds.size.width/-2,
  13. cloud.position.y);
  15. CABasicAnimation*anim=[CABasicAnimationanimationWithKeyPath:@"position"];
  16. anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionLinear];
  17. anim.fromValue=[NSValuevalueWithCGPoint:startPt];
  18. anim.toValue=[NSValuevalueWithCGPoint:endPt];
  19. anim.repeatCount=HUGE_VALF;
  20. anim.duration=8.0;
  21. [cloudaddAnimation:animforKey:@"position"];

iphonelayer动画_eqi ios layer旋转动画
3。点击后放大又缩小的button， 以及点击后飘动的东西，比如删除时，将文件飘到垃圾箱

源码

[html]viewplaincopy
  1. -(void)loadView{
  2. [superloadView];
  3. self.view.backgroundColor=[UIColorwhiteColor];
  5. UIScrollView*scrollView=[[[UIScrollViewalloc]initWithFrame:self.view.bounds]autorelease];
  6. scrollView.bounces=YES;
  7. [self.viewaddSubview:scrollView];
  9. //Scaleoutonclick
  10. {
  11. UILabel*label=[[[UILabelalloc]initWithFrame:CGRectMake(10,10,320,24)]autorelease];
  12. label.text=@"Scalebutton";
  13. label.textAlignment=UITextAlignmentCenter;
  14. [labelsizeToFit];
  15. [scrollViewaddSubview:label];
  17. UIButton*button=[UIButtonbuttonWithType:UIButtonTypeRoundedRect];
  18. button.center=CGPointMake(220,30);
  19. button.tag=ButtonActionsBehaviorTypeExpand;
  20. [buttonsetTitle:@"Delete"forState:UIControlStateNormal];
  21. [buttonsizeToFit];
  22. [buttonaddTarget:selfaction:@selector(buttonClicked:)forControlEvents:UIControlEventTouchUpInside];
  23. [scrollViewaddSubview:button];
  24. }
  26. //Animatedtrashdelete
  27. {
  28. UILabel*label=[[[UILabelalloc]initWithFrame:CGRectMake(10,126,320,24)]autorelease];
  29. label.text=@"Animateimageintotrashbutton";
  30. label.textAlignment=UITextAlignmentCenter;
  31. [labelsizeToFit];
  32. [scrollViewaddSubview:label];
  34. UIImageView*icon=[[[UIImageViewalloc]initWithImage:[UIImageimageNamed:@"carmodel.png"]]autorelease];
  35. icon.center=CGPointMake(290,150);
  36. icon.tag=ButtonActionsBehaviorTypeAnimateTrash;
  37. [scrollViewaddSubview:icon];
  39. UIButton*button=[UIButtonbuttonWithType:UIButtonTypeRoundedRect];
  40. button.center=CGPointMake(40,200);
  41. button.tag=ButtonActionsBehaviorTypeAnimateTrash;
  42. [buttonsetTitle:@"DeleteIcon"forState:UIControlStateNormal];
  43. [buttonsizeToFit];
  44. [buttonaddTarget:selfaction:@selector(buttonClicked:)forControlEvents:UIControlEventTouchUpInside];
  45. [scrollViewaddSubview:button];
  46. [scrollViewbringSubviewToFront:icon];
  47. }
  49. //Determinethesizeofallsubviewsofthescrollview
  50. CGRectcontentSize=CGRectZero;
  51. for(UIView*subviewinscrollView.subviews){
  52. contentSize=CGRectUnion(contentSize,subview.frame);
  53. }
  54. scrollView.contentSize=contentSize.size;
  55. }
  57. -(void)buttonClicked:(id)sender{
  58. UIView*senderView=(UIView*)sender;
  59. if(![senderViewisKindOfClass:[UIViewclass]])
  60. return;
  62. switch(senderView.tag){
  63. caseButtonActionsBehaviorTypeExpand:{
  64. CABasicAnimation*anim=[CABasicAnimationanimationWithKeyPath:@"transform"];
  65. anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];
  66. anim.duration=0.125;
  67. anim.repeatCount=1;
  68. anim.autoreverses=YES;
  69. anim.removedOnCompletion=YES;
  70. anim.toValue=[NSValuevalueWithCATransform3D:CATransform3DMakeScale(1.2,1.2,1.0)];
  71. [senderView.layeraddAnimation:animforKey:nil];
  73. break;
  74. }
  76. caseButtonActionsBehaviorTypeAnimateTrash:{
  77. UIView*icon=nil;
  78. for(UIView*theviewinsenderView.superview.subviews){
  79. if(theview.tag!=ButtonActionsBehaviorTypeAnimateTrash)
  80. continue;
  81. if([theviewisKindOfClass:[UIImageViewclass]]){
  82. icon=theview;
  83. break;
  84. }
  85. }
  87. if(!icon)
  88. return;
  90. UIBezierPath*movePath=[UIBezierPathbezierPath];
  91. [movePathmoveToPoint:icon.center];
  92. [movePathaddQuadCurveToPoint:senderView.center
  93. controlPoint:CGPointMake(senderView.center.x,icon.center.y)];
  95. CAKeyframeAnimation*moveAnim=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  96. moveAnim.path=movePath.CGPath;
  97. moveAnim.removedOnCompletion=YES;
  99. CABasicAnimation*scaleAnim=[CABasicAnimationanimationWithKeyPath:@"transform"];
  100. scaleAnim.fromValue=[NSValuevalueWithCATransform3D:CATransform3DIdentity];
  101. scaleAnim.toValue=[NSValuevalueWithCATransform3D:CATransform3DMakeScale(0.1,0.1,1.0)];
  102. scaleAnim.removedOnCompletion=YES;
  104. CABasicAnimation*opacityAnim=[CABasicAnimationanimationWithKeyPath:@"alpha"];
  105. opacityAnim.fromValue=[NSNumbernumberWithFloat:1.0];
  106. opacityAnim.toValue=[NSNumbernumberWithFloat:0.1];
  107. opacityAnim.removedOnCompletion=YES;
  109. CAAnimationGroup*animGroup=[CAAnimationGroupanimation];
  110. animGroup.animations=[NSArrayarrayWithObjects:moveAnim,scaleAnim,opacityAnim,nil];
  111. animGroup.duration=0.5;
  112. [icon.layeraddAnimation:animGroupforKey:nil];
  114. break;
  115. }
  116. }
  117. }

4。汽车沿着跑道跑

源码：

[html]viewplaincopy
  1. #definedegreesToRadians(x)(M_PI*x/180.0)
  2. #defineP(x,y)CGPointMake(x,y)
  4. @implementationRaceTrackViewController
  6. -(void)loadView{
  7. [superloadView];
  9. self.view.backgroundColor=[UIColorgreenColor];
  11. UIBezierPath*trackPath=[UIBezierPathbezierPath];
  12. [trackPathmoveToPoint:P(160,25)];
  13. [trackPathaddCurveToPoint:P(300,120)
  14. controlPoint1:P(320,0)
  15. controlPoint2:P(300,80)];
  16. [trackPathaddCurveToPoint:P(80,380)
  17. controlPoint1:P(300,200)
  18. controlPoint2:P(200,480)];
  19. [trackPathaddCurveToPoint:P(140,300)
  20. controlPoint1:P(0,300)
  21. controlPoint2:P(200,220)];
  22. [trackPathaddCurveToPoint:P(210,200)
  23. controlPoint1:P(30,420)
  24. controlPoint2:P(280,300)];
  25. [trackPathaddCurveToPoint:P(70,110)
  26. controlPoint1:P(110,80)
  27. controlPoint2:P(110,80)];
  28. [trackPathaddCurveToPoint:P(160,25)
  29. controlPoint1:P(0,160)
  30. controlPoint2:P(0,40)];
  32. CAShapeLayer*racetrack=[CAShapeLayerlayer];
  33. racetrack.path=trackPath.CGPath;
  34. racetrack.strokeColor=[UIColorblackColor].CGColor;
  35. racetrack.fillColor=[UIColorclearColor].CGColor;
  36. racetrack.lineWidth=30.0;
  37. [self.view.layeraddSublayer:racetrack];
  39. CAShapeLayer*centerline=[CAShapeLayerlayer];
  40. centerline.path=trackPath.CGPath;
  41. centerline.strokeColor=[UIColorwhiteColor].CGColor;
  42. centerline.fillColor=[UIColorclearColor].CGColor;
  43. centerline.lineWidth=2.0;
  44. centerline.lineDashPattern=[NSArrayarrayWithObjects:[NSNumbernumberWithInt:6],[NSNumbernumberWithInt:2],nil];
  45. [self.view.layeraddSublayer:centerline];
  47. CALayer*car=[CALayerlayer];
  48. car.bounds=CGRectMake(0,0,44.0,20.0);
  49. car.position=P(160,25);
  50. car.contents=(id)([UIImageimageNamed:@"carmodel.png"].CGImage);
  51. [self.view.layeraddSublayer:car];
  53. CAKeyframeAnimation*anim=[CAKeyframeAnimationanimationWithKeyPath:@"position"];
  54. anim.path=trackPath.CGPath;
  55. anim.rotationMode=kCAAnimationRotateAuto;
  56. anim.repeatCount=HUGE_VALF;
  57. anim.duration=8.0;
  58. [caraddAnimation:animforKey:@"race"];
  59. }

  
ios layer 动画 

爱华网本文地址 » http://www.aihuau.com/a/25101011/64399.html

更多阅读

Flash鼠绘教程新年动画贺卡 中秋贺卡flash动画

一、素材准备前景准备这个动画的动画很简单，设计工作也不复杂，只需要大家稍稍有些创意就能做好。需要的前景素材包括：对联、门（图1）、小鸡（图2），背景素材包括：背景图（图3）、福字（图4）、春字和音乐。图1图2图3图41.对联

日本历代机器人动画 20世纪篇 机器人动画

来源： 王博雅的日志1963 鉄人28号横山光辉原作TCJ动画中心制作值得纪念的巨大机器人先祖。值得纪念的正太始祖。黑白作品。少年侦探金田正太郎操纵日军在2战中开发的巨大机器人”铁人28号”而恶势力斗争。铁人28号本身没有自己的意志

声明:《iphonelayer动画_eqi ios layer旋转动画》为网友晨光苏醒分享！如侵犯到您的合法权益请联系我们删除