iOS UI进阶-3.0 核心动画

Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架<QuartzCore/QuartzCore.h>

Core Animation的使用,请参考最下面的博客。

由于Core Animation动画,改变的只是一个影子,实际的位置和尺寸都不会有变化。因而,在实际开发中,还是建议直接使用UIView动画。

UIView动画

- (void)testViewSimpleAnim
{
[UIView beginAnimations:nil context:nil];
// 动画执行完毕后, 会自动调用self的animateStop方法
[UIView setAnimationDelegate:self];
[UIView setAnimationDidStopSelector:@selector(animateStop)];
self.myview.center = CGPointMake(, );
[UIView commitAnimations];
} -(void)animateStop
{
NSLog(@"%@",@"--animateStop--");
}

或者:

    [UIView animateWithDuration:1.0 animations:^{
self.myview.center = CGPointMake(200, 300);
} completion:^(BOOL finished) { }];

效果是从红色框移动:

iOS UI进阶-3.0 核心动画

执行动画所需要的工作由UIView类自动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在

[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间

常见方法解析:
// 设置动画代理对象,当动画开始或者结束时会发消息给代理对象
+ (void)setAnimationDelegate:(id)delegate // 当动画即将开始时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector
+ (void)setAnimationWillStartSelector:(SEL)selector // 当动画结束时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector
+ (void)setAnimationDidStopSelector:(SEL)selector // 动画的持续时间,秒为单位
+ (void)setAnimationDuration:(NSTimeInterval)duration // 动画延迟delay秒后再开始
+ (void)setAnimationDelay:(NSTimeInterval)delay // 动画的开始时间,默认为now
+ (void)setAnimationStartDate:(NSDate *)startDate // 动画的节奏控制,具体看下面的”备注”
+ (void)setAnimationCurve:(UIViewAnimationCurve)curve // 动画的重复次数
+ (void)setAnimationRepeatCount:(float)repeatCount //如果设置为YES,代表动画每次重复执行的效果会跟上一次相反
+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses // 设置视图view的过渡效果, transition指定过渡类型, cache设置YES代表使用视图缓存,性能较好
+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache

Block动画

方式一:

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

参数解析:

  • uduration:动画的持续时间
  • udelay:动画延迟delay秒后开始
  • uoptions:动画的节奏控制
  • uanimations:将改变视图属性的代码放在这个block中
  • ucompletion:动画结束后,会自动调用这个block

方式二:

+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

参数解析:

  • uduration:动画的持续时间
  • uview:需要进行转场动画的视图
  • uoptions:转场动画的类型
  • uanimations:将改变视图属性的代码放在这个block中
  • ucompletion:动画结束后,会自动调用这个block

方式三:

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion

方法调用完毕后,相当于执行了下面两句代码:

// 添加toView到父视图

[fromView.superview addSubview:toView];

// 把fromView从父视图中移除

[fromView.superview removeFromSuperview];

参数解析:

  • uduration:动画的持续时间
  • uoptions:转场动画的类型
  • uanimations:将改变视图属性的代码放在这个block中
  • ucompletion:动画结束后,会自动调用这个block

图片翻页

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
self.index++;
if (self.index == ) {
self.index = ;
} NSString *filename = [NSString stringWithFormat:@"%d.jpg", self.index + ];
self.iconView.image = [UIImage imageNamed:filename]; [UIView transitionWithView:self.iconView duration:1.0 options:UIViewAnimationOptionTransitionCurlUp animations:nil completion:nil];
}

效果:

iOS UI进阶-3.0 核心动画

参考博客:

Core Animation1-简介:http://www.cnblogs.com/mjios/archive/2013/04/15/3021039.html

Core Animation2-CABasicAnimation:http://www.cnblogs.com/mjios/archive/2013/04/15/3021343.html

上一篇:数据库中MyISAM与InnoDB区别


下一篇:CASS转ARCGIS