美文网首页程序员
iOS - Animation之ViewAnimation

iOS - Animation之ViewAnimation

作者: iOS小童 | 来源:发表于2017-11-24 16:45 被阅读0次

    这里不仅有present和dismiss在viewController中跳转,还有各种动画push和pop,当然view的动画出场也是必不可少的。拿了直接用即可,简单粗暴看代码,这里可以让你知其然,知其所以然。

    PresentAnimation

    实现UIViewControllerTransitioningDelegate的代理方法,把present从下面出来的view从右边动画出来,具体代码看github代码,具体方法如下:

    -(NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext{
    return 1.0;
    }
    -(void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext{
     UIViewController * fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController * toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    UIView *containerView =  [transitionContext containerView];
    UIView *fromView = nil;
    UIView *toView = nil;
    
    if ([transitionContext respondsToSelector:@selector(viewForKey:)]) {
        fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];
        toView = [transitionContext viewForKey:UITransitionContextToViewKey];
    }else{
        fromView = fromViewController.view;
        toView = toViewController.view;
    }
    BOOL isPresent = (toViewController.presentingViewController == fromViewController);
    CGRect fromFrame = [transitionContext initialFrameForViewController:fromViewController];
    CGRect toFrame = [transitionContext finalFrameForViewController:toViewController];
    if (isPresent) {
        fromView.frame = fromFrame;
        toView.frame = CGRectOffset(toFrame, toFrame.size.width, 0);
        [containerView addSubview:toView];
    }  
    NSTimeInterval transitionDuration = [self transitionDuration:transitionContext];
    [UIView animateWithDuration:transitionDuration animations:^{
        if (isPresent) {
            toView.frame = toFrame;
            fromView.frame = CGRectOffset(fromFrame, fromFrame.size.width*0.3*-1, 0);
        }
    } completion:^(BOOL finished) {
        BOOL isCancelled = [transitionContext transitionWasCancelled];
        if (isCancelled)
            [toView removeFromSuperview]; 
        [transitionContext completeTransition:!isCancelled];
    }];
    

    }

    • (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source{
      
    return (id)[[PresentAnimation alloc]init];
    }
    

    DismissAnimation

    - (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext{
    return 1.0;
    }
    -(void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext{
    UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    UIView *containerView = [transitionContext containerView];
    UIView *fromView = nil;
    UIView *toView = nil;
    
    if ([transitionContext respondsToSelector:@selector(viewForKey:)]) {
        fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];
        toView = [transitionContext viewForKey:UITransitionContextToViewKey];
    }else{
        fromView = fromViewController.view;
        toView = toViewController.view;
    }
    
    BOOL isDismiss = (fromViewController.presentingViewController == toViewController);   
    CGRect fromFrame = [transitionContext initialFrameForViewController:fromViewController];
    CGRect toFrame = [transitionContext finalFrameForViewController:toViewController];
    
    if (isDismiss) {
        fromView.frame = fromFrame;
        toView.frame = CGRectOffset(toFrame, toFrame.size.width*0.3*-1, 0);
        [containerView insertSubview:toView belowSubview:fromView];
    }
    NSTimeInterval transitionDuration = [self transitionDuration:transitionContext];
    [UIView animateWithDuration:transitionDuration animations:^{
        if (isDismiss) {
            toView.frame = toFrame;
            fromView.frame = CGRectOffset(fromFrame, fromFrame.size.width, 0);
        }
    } completion:^(BOOL finished) {
        BOOL isCancel = [transitionContext transitionWasCancelled];
        if (isCancel) {
            [toView removeFromSuperview];
        }
        [transitionContext completeTransition:!isCancel];
    }];
    }
    
    - (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed {
    return (id)[[DismissAnimation alloc]init];
      }
    

    PushAnimation

    动画添加新的view,type和subType不同,动画方式就不一样。这里只写一个不累赘

     +(void)pushView:(UIView *)View subView:(UIView *)subView AndAnimationType:(NSString *)type AndsubType:(NSString *)subType{  
    CATransition *transition = [CATransition animation];
    transition.duration = 1.0f;
    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    transition.type = type;
    transition.subtype = subType;
    [View.layer addAnimation:transition forKey:@"pushTransitionAnimation"];
    [View addSubview:subView];
      }
    

    PopAnimation

    动画移除新的view

     +(void)popView:(UIView *)View subView:(UIView *)subView AndAnimationType:(NSString *)type AndsubType:(NSString *)subType {
    CATransition *transition = [CATransition animation];
    transition.duration = 1.0f;
    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    transition.type = type;
    transition.subtype = subType;
    [View.superview.layer addAnimation:transition forKey:@"popTransitionAnimation"];
    [subView removeFromSuperview];
     }
    

    注:关于CATransition的type和subType的介绍,前两篇博客已经介绍过,看Animation_CATransition这篇。

    ScaleViewAnimation

    CGAffineTransform 主要用于形变,位移和旋转,可用于动画展示

    transform属性介绍,这里介绍最常用和好用的,其他属性去看CGAffineTransform
    • 位移X,Y

        CGAffineTransformMakeTranslation(CGFloat tx, CGFloat ty)
      
    • 伸缩X,Y

        CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)
      
    • 旋转M_PI

        CGAffineTransformMakeRotation(CGFloat angle)
      
    • 组合

        CGAffineTransformConcat(CGAffineTransform t1,CGAffineTransform t2)
      
    • 回到原位

        CGAffineTransformIdentity
      
    动画调用,包括动画时间,动画完成后回调
     -(void)scaleView:(UIView *)view CGFloatX:(CGFloat)x CGFloatY:(CGFloat)y CGFloatW:(CGFloat)w CGFloatH:(CGFloat)h{
    CGFloat scaleW = self.window.frame.size.width / w;
    CGFloat scaleH = self.window.frame.size.height / h;
    CGFloat W = scaleW * 50 - 50 - x;
    CGFloat H = scaleH * 50 - 50 - y;
    [UIView animateWithDuration:1.0 animations:^{
        view.transform =CGAffineTransformConcat(CGAffineTransformMakeScale(scaleW, scaleH), CGAffineTransformMakeTranslation(W,H));
    } completion:^(BOOL finished) {
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            view.transform = CGAffineTransformIdentity;
        });
      }];
    
    }
    

    Dome: github地址

    相关文章

      网友评论

        本文标题:iOS - Animation之ViewAnimation

        本文链接:https://www.haomeiwen.com/subject/essfbxtx.html