iOS - 自定義轉(zhuǎn)場動畫

自iOS7開始,蘋果支持自定義轉(zhuǎn)場動畫;
完整Demo:HHTransitionAnimator

若需自定義A控制器到B控制器的轉(zhuǎn)場動畫,則實現(xiàn)步驟如下:

  • 第一步:自定義對象HHTransitionAnimator,自定義轉(zhuǎn)場動畫
@interface HHTransitionAnimator : UIPercentDrivenInteractiveTransition <UIViewControllerAnimatedTransitioning, UIViewControllerTransitioningDelegate>

@end

@implementation HHTransitionAnimator


 /** 轉(zhuǎn)場動畫時長 */
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext;
{
    return 0.3;
}

 /** 轉(zhuǎn)場動畫具體實現(xiàn) - 這里是一個漸變效果 */
- (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
  • 第二步:使用自定義轉(zhuǎn)場動畫
// A present -> B

@interface ListViewController : UIViewController

@property (nonatomic, strong) HHTransitionAnimator *animator; 

...

- (void)onClick
{
    UIViewController *vc = [UIViewController new];
    vc.transitioningDelegate = self.animator; //指定負責轉(zhuǎn)場動畫的對象
    vc.modalPresentationStyle = UIModalPresentationCustom;
    [self presentViewController:vc animated:YES completion:nil];
}
@end

至此,一個簡單的自定義present轉(zhuǎn)場動畫就做好了,當然還有自定義dismiss動畫,手勢驅(qū)動返回,我們一一道來:

  • 自定義dismiss動畫
    1.實現(xiàn)animationControllerForDismissedController代理方法,返回負責dismiss動畫的對象,這里返回自己
    2.又因為present和dismiss動畫都會來這里:animateTransition:,所以搞個transitionType加以區(qū)分,修改后的代碼如下
@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;
}

  • 手勢驅(qū)動返回,這里簡單實現(xiàn)一個左滑返回效果
    1.相信細心的同學已經(jīng)發(fā)現(xiàn)了,我們自定義的HHTransitionAnimator是繼承自UIPercentDrivenInteractiveTransition的,通過繼承這個類,可以方便地根據(jù)滑動距離來控制dismiss動畫完成的比例
    2.給需要滑動返回的控制器view添加手勢,根據(jù)手勢滑動距離更新dismiss動畫比例
    3.實現(xiàn)interactionControllerForDismissal代理方法:當處于滑動返回狀態(tài)時才返回自己,否則返回nil;
    4.用interacting屬性來標識是否處于滑動返回中
- (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];  //達到滑動返回距離,繼續(xù)執(zhí)行頁面返回動畫
            }
        }
            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

使用的時候只需要調(diào)用
- (void)hh_presentViewController:animated:TransitionAnimator:completion:方法即可

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容