iOS转场动画解决方案

iOS - 自定义转场动画

2020-09-14  本文已影响0人  herui201211

自iOS7开始,苹果支持自定义转场动画;
完整Demo:HHTransitionAnimator

若需自定义A控制器到B控制器的转场动画,则实现步骤如下:

@interface HHTransitionAnimator : UIPercentDrivenInteractiveTransition <UIViewControllerAnimatedTransitioning, UIViewControllerTransitioningDelegate>

@end

@implementation HHTransitionAnimator


 /** 转场动画时长 */
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext;
{
    return 0.3;
}

 /** 转场动画具体实现 - 这里是一个渐变效果 */
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;
{
   UIView *toView = [transitionContext viewForKey:UITransitionContextToViewKey];
    [[transitionContext containerView] addSubview:toView];
    toView.alpha = 0;
    [UIView animateWithDuration:weakSelf.transitionDuration animations:^{
      toView.alpha = 1;
    }completion:^(BOOL finished) {
      [transitionContext completeTransition:YES];
    }];
}

#pragma mark - UIViewControllerTransitioningDelegate
/** 自定义present动画 */
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    return self;
}
@end
// A present -> B

@interface ListViewController : UIViewController

@property (nonatomic, strong) HHTransitionAnimator *animator; 

...

- (void)onClick
{
    UIViewController *vc = [UIViewController new];
    vc.transitioningDelegate = self.animator; //指定负责转场动画的对象
    vc.modalPresentationStyle = UIModalPresentationCustom;
    [self presentViewController:vc animated:YES completion:nil];
}
@end

至此,一个简单的自定义present转场动画就做好了,当然还有自定义dismiss动画,手势驱动返回,我们一一道来:

@implementation HHTransitionAnimator

...

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;
{
    if(self.transitionType == HHViewControllerTransitionTypeDismiss){
        //dismiss动画
    }else{
      //present动画
    }
}

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    self.transitionType = HHViewControllerTransitionTypePresent;
    return self;
}
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    self.transitionType = HHViewControllerTransitionTypeDismiss;
    return self;
}

- (void)addGestureToViewController:(UIViewController *)vc
{
    UIScreenEdgePanGestureRecognizer *ges = [[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self action:@selector(handleGesture:)];
    ges.edges = UIRectEdgeLeft;
    [vc.view addGestureRecognizer:ges];
}
- (void)handleGesture:(UIScreenEdgePanGestureRecognizer *)ges
{
    CGFloat progress = [ges translationInView:ges.view].x / ges.view.bounds.size.width;
    
    switch (ges.state) {
        case UIGestureRecognizerStateBegan:
        {
            self.interacting = YES;
            [self.gestureVC dismissViewControllerAnimated:YES completion:nil];
        }
            break;
        case UIGestureRecognizerStateChanged:
        {
            [self updateInteractiveTransition:progress]; //更新页面返回进度
        }
            break;
        case UIGestureRecognizerStateEnded:
        {
            self.interacting = NO;
            if (progress < 0.3) {
                [self cancelInteractiveTransition];  //滑动距离过短,取消页面返回
            }else{
                [self finishInteractiveTransition];  //达到滑动返回距离,继续执行页面返回动画
            }
        }
            break;
        default: break;
    }
}

#pragma mark - UIViewControllerTransitioningDelegate
- (id<UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id<UIViewControllerAnimatedTransitioning>)animator;
{
    return self.interacting ? self : nil;
}

@end

最后,封装一下方便使用:


@interface UIViewController (HHTransitionAnimator)

- (void)hh_presentViewController:(UIViewController *)vc animated:(BOOL)flag TransitionAnimator:(HHTransitionAnimator *)animator completion:(void (^ __nullable)(void))completion;

@end

@implementation UIViewController (HHTransitionAnimator)

- (void)hh_presentViewController:(UIViewController *)vc animated:(BOOL)flag TransitionAnimator:(HHTransitionAnimator *)animator completion:(void (^ __nullable)(void))completion;
{
    self.hh_transitionAnimator = animator;
    self.hh_transitionAnimator.gestureVC = vc;
    vc.transitioningDelegate = self.hh_transitionAnimator;
    vc.modalPresentationStyle = UIModalPresentationCustom;
    dispatch_async(dispatch_get_main_queue(), ^{
        [self presentViewController:vc animated:flag completion:completion];
    });
}


#pragma mark - getter & setter
- (void)setHh_transitionAnimator:(HHTransitionAnimator *)hh_transitionAnimator
{
    objc_setAssociatedObject(self, @selector(hh_transitionAnimator), hh_transitionAnimator, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (HHTransitionAnimator *)hh_transitionAnimator
{
    return objc_getAssociatedObject(self, @selector(hh_transitionAnimator));
}

@end

使用的时候只需要调用
- (void)hh_presentViewController:animated:TransitionAnimator:completion:方法即可

上一篇 下一篇

猜你喜欢

热点阅读