IOS 开发之UIView动画的实例详解

ios 动画实例详解

ios动画的实现方式多种多样，这里就只记录一下 beginanimations:context 。

在你调用 beginanimations:context:方法来启动一个动画后,动画并不会立即被执行,直 到你调用 uiview 类的 commitanimations 类方法。你对一个视图对象执行的介于 beginanimations:context:方法跟 commitanimations方法之间的操作(例如移动)会在 commitanimations 被执行后才会生效 。

实现效果图：

代码很简单，直接贴了，如下：

// 
// viewcontroller.m 
// graphics 
// 
// created by aaron on 14b-5-29. 
// copyright (c) 2014年 the technology studio. all rights reserved. 
// 
 
#import "viewcontroller.h" 
 
@interface viewcontroller () 
@property(nonatomic,strong) uiimageview *imageview1; 
@property(nonatomic,strong) uiimageview *imageview2; 
 
@end 
 
@implementation viewcontroller 
 
- (void)viewdidload 
{ 
  [super viewdidload]; 
   
  uiimage *image = [uiimage imagenamed:@"1.png"]; 
  self.imageview1 = [[uiimageview alloc] initwithimage:image]; 
  self.imageview2 = [[uiimageview alloc] initwithimage:image]; 
  [self.imageview1 setframe:cgrectmake(0.0f, 
                     0.0f, 
                     100.0f, 
                     100.0f)]; 
   
  [self.imageview2 setframe:cgrectmake(220.0f, 
                     350.0f, 
                     100.0f, 
                     100.0f)]; 
  [self.view addsubview:self.imageview1]; 
  [self.view addsubview:self.imageview2]; 
   
//  [self starttopleftimageviewanimation]; 
//  [self startbottomrightviewanimationafterdelay:2]; 
  [self affinetransformscaleanimation]; 
  [self affinetransformrotateanimation]; 
   
} 
 
//imageview2 animation 
-(void)starttopleftimageviewanimation{ 
  [self.imageview1 setframe:cgrectmake(0.0f, 
                     0.0f, 
                     100.0f, 
                     100.0f)]; 
  [self.imageview1 setalpha:1.0f]; 
  [uiview beginanimations:@"imageview1animation" context:(__bridge void*)self.imageview1]; 
  [uiview setanimationduration:3.0f]; 
  [uiview setanimationdelegate:self]; 
  [uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)]; 
  [self.imageview1 setframe:cgrectmake(220.0f, 350.0f, 100.0f, 100.0f)]; 
  [self.imageview1 setalpha:0.0f]; 
  [uiview commitanimations]; 
} 
 
-(void)imageviewdidstop:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{ 
  nslog(@"animationid = %@\n",paramanimationid); 
  uiimageview *contextimageview = (__bridge uiimageview *)(paramcontext); 
  nslog(@"contextimageview = %@",contextimageview); 
  [contextimageview removefromsuperview]; 
} 
 
 
//imageview2 animation 
-(void)startbottomrightviewanimationafterdelay:(cgfloat)paramdelay{ 
  [self.imageview2 setframe:cgrectmake(220.0f, 
                     350.0f, 
                     100.0f, 
                     100.0f)]; 
  [self.imageview2 setalpha:1.0f]; 
  [uiview beginanimations:@"imageview2animation" context:(__bridge voidvoid *)(self.imageview2)]; 
  [uiview setanimationduration:3.0f]; 
  [uiview setanimationdelay:paramdelay]; 
  [uiview setanimationdelegate:self]; 
  [uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)]; 
  [self.imageview2 setframe:cgrectmake(0.0f, 0.0f, 100.0f, 100.0f)]; 
  [self.imageview2 setalpha:0.0f]; 
  [uiview commitanimations]; 
} 
 
 
//imageview1 affinetransformscale animation 
-(void)affinetransformscaleanimation{ 
  self.imageview1.center = self.view.center; 
  self.imageview1.transform = cgaffinetransformidentity; 
  [uiview beginanimations:nil context:null]; 
  [uiview setanimationduration:5.0f]; 
  self.imageview1.transform = cgaffinetransformmakescale(2.0f, 2.0f); 
  [self.imageview1 setalpha:0.0f]; 
  [uiview commitanimations]; 
} 
 
//imageview2 affinetransformrotate animation 
-(void)affinetransformrotateanimation{ 
  self.imageview2.center = self.view.center; 
  [uiview beginanimations:@"clockwiseanimation" context:null]; 
  [uiview setanimationduration:5.0f]; 
  [uiview setanimationdelegate:self]; 
  [uiview setanimationdidstopselector:@selector(clockwiserotationstopped:finished:context:)]; 
  self.imageview2.transform = cgaffinetransformmakerotation(90.0f*m_pi/180.f); 
  [uiview commitanimations]; 
} 
 
 
-(void)clockwiserotationstopped:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{ 
  [uiview beginanimations:@"counterclockwiseanimation" context:null]; 
  [uiview setanimationduration:5.0f]; 
  self.imageview2.transform = cgaffinetransformidentity; 
  [uiview commitanimations]; 
} 
 
@end 

以上就是关于ios动画开发的实例，本站对于ios 开发还有很多教程，大家可以搜索查阅！