网站建设资讯

NEWS

网站建设资讯

核心动画的接触点滴(五)-创新互联

1.简单介绍

南沙网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作,到程序开发,运营维护。创新互联从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

        UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持。动画的执行过程全部由UIView类自动完成,我们只需要通过调用[UIView beginAnimations: nil context:nil]和[UIView commitAnimations]这2个方法来通知视图即可。

常用的方法说明:

+ (void)setAnimationDelegate:(id)delegate  --------  设置动画代理对象,当动画开始或者结束时会发消息给代理对象

+ (void)setAnimationWillStartSelector:(SEL)selector  -------- 当动画即将开始时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector

+ (void)setAnimationDidStopSelector:(SEL)selector --------- 当动画结束时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector

+ (void)setAnimationDuration:(NSTimeInterval)duration  --------- 动画的持续时间,秒为单位

+ (void)setAnimationDelay:(NSTimeInterval)delay --------- 动画延迟delay秒后再开始

+ (void)setAnimationStartDate:(NSDate *)startDate  -------- 动画的开始时间,默认为now

+ (void)setAnimationCurve:(UIViewAnimationCurve)curve  --------- 动画的节奏控制

+ (void)setAnimationRepeatCount:(float)repeatCount  ---------- 动画的重复次数

+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses -------- 如果设置为YES,代表动画每次重复执行的效果会跟上一次相反

+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache -------- 设置视图view的过渡效果, transition指定过渡类型, cache设置YES代表使用视图缓存,性能较好

代码示例:

voidNSSetUITouchUIEvent

 首尾式动画

  [UIView beginAnimations:nil context:nil];

  //设置代理

  [UIView setAnimationDelegate:self];

  //设置执行需要的时间

  [UIView setAnimationDuration:1.0f];

  //设置延迟多久后执行

  [UIView setAnimationDelay:1.0f];

  //设置动画重复次数

  [UIView setAnimationRepeatCount:MAXFLOAT];

  //设置动画执行的节奏

  [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

  //设置重复执行时是否跟之前相反(YES代表相反)

  [UIView setAnimationRepeatAutoreverses:YES];

  //设置动画将要执行时的回调

  [UIView setAnimationWillStartSelector:@selector(willStartAnimation)];

  //设置动画完成后的回调

  [UIView setAnimationDidStopSelector:@selector(didStopAnimation)];

  _customView.center = CGPointMake(Width/2+ViewWidth, Height/2);

  [UIView commitAnimations];

void

  (@"动画将要执行时动画块的位置:%@",(_customView.center));

void

  (@"动画已经结束后动画块的位置:%@",(_customView.center));

提示:

UIView和CALayer都可以实现视图动画,但一般在实际项目中还是使用UIView来实现动画,因为它在执行完动画后不回反弹。CALayer在表面上改变了layer的位置状态,实际上是没有做更改。不信可以用之前博文里的代码测试一下就知道了~

使用block回调的动画:

1.常用动画

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

参数解析:

duration:   动画执行的时间

delay:        动画延迟多久后开始

options:        动画的节奏类型

animations: 将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

2.转场动画(一)

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

参数解析:

duration:    动画的持续时间

view:             需要进行转场动画的视图

options:       转场动画的类型

animations: 将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

 转场动画(二)

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

参数解析:

duration:动画的持续时间

options:转场动画的类型

animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

调用这个方法相当于执行了下面两句代码:

// 添加toView到父视图

[fromView.superview addSubview:toView];

// 把fromView从父视图中移除

[fromView  removeFromSuperview];

代码示例:

[UIView :self.customView :3.0 :0 :^{//执行的动画

    (@"动画开始执行前的位置:%@",(self.customView.center));

selfcustomViewcenterCGPointMake200300

completionBOOL

    //

NSLog@"动画执行完毕"

    (@"动画执行完毕后的位置:%@",(  self.customView.center));

注意:self.customView.layer.position和self.customView.center等价,因为position的默认值为(0.5,0.5)。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:核心动画的接触点滴(五)-创新互联
当前地址:http://njwzjz.com/article/decpsd.html