App开发流程之右滑返回手势功能续_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > App开发流程之右滑返回手势功能续

App开发流程之右滑返回手势功能续

 2016/9/23 5:34:26  A_Long_Way  程序员俱乐部  我要评论(0)
  • 摘要:上一篇记录了利用系统私有变量和方法实现右滑返回手势功能:http://www.cnblogs.com/ALongWay/p/5893515.html这篇继续记录另一种方案:利用UINavigationController的delegate方法。核心代理方法有如下两个:-(nullableid<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController*
  • 标签:功能 流程 开发 APP

上一篇记录了利用系统私有变量和方法实现右滑返回手势功能:http://www.cnblogs.com/ALongWay/p/5893515.html

这篇继续记录另一种方案:利用UINavigationController的delegate方法。

核心代理方法有如下两个:

- (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
                          interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController NS_AVAILABLE_IOS(7_0);

- (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
                                   animationControllerForOperation:(UINavigationControllerOperation)operation
                                                fromViewController:(UIViewController *)fromVC
                                                  toViewController:(UIViewController *)toVC  NS_AVAILABLE_IOS(7_0);

第一个代理方法,要求在视图控制器变换时候,返回一个实现UIViewControllerInteractiveTransitioning协议的对象,该对象用于控制交互进度和状态。

UIKit.h/UIViewControllerTransitioning.h中已经准备好了一个这样的对象,名为class="s1">UIPercentDrivenInteractiveTransition。

主要关注其如下三个方法:

- (void)updateInteractiveTransition:(CGFloat)percentComplete;//控制交互进度的百分比

- (void)cancelInteractiveTransition;//中途取消交互

- (void)finishInteractiveTransition;//完成交互

可以在一个实现了代理方法的类中,定义一个手势目标方法来调用上述方法,达到控制作为变量的UIPercentDrivenInteractiveTransition对象的目的。

主要代码如下:

- (id<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)animationController
{
    if ([animationController isKindOfClass:[PopAnimation class]])
        return _interactivePopTransition;
    
    return nil;
}

- (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController animationControllerForOperation:(UINavigationControllerOperation)operation fromViewController:(UIViewController *)fromVC toViewController:(UIViewController *)toVC
{
    if (operation == UINavigationControllerOperationPop)
        return _popAnimation;
    
    return nil;
}

- (void)handlePopGestureOperation:(UIPanGestureRecognizer *)recognizer{
    //将手指在屏幕上的移动距离与屏幕宽度比例作为动画的进度
    CGPoint translationInScreen = [recognizer translationInView:[UIApplication sharedApplication].keyWindow];
    CGFloat progress = translationInScreen.x / [UIScreen mainScreen].bounds.size.width;
    progress = MIN(1.0, MAX(0.0, progress));
    
    if (recognizer.state == UIGestureRecognizerStateBegan) {
        //新建手势交互对象
        _interactivePopTransition = [[UIPercentDrivenInteractiveTransition alloc] init];

        //开始执行pop动画
        [_naviController popViewControllerAnimated:YES];
    }else if (recognizer.state == UIGestureRecognizerStateChanged) {
         //更新进度
        [_interactivePopTransition updateInteractiveTransition:progress];
    }else if (recognizer.state == UIGestureRecognizerStateEnded
              || recognizer.state == UIGestureRecognizerStateCancelled) {
        //手势结束时如果进度大于一半,那么就完成pop操作,否则取消
        if (progress > 0.5) {
            [_interactivePopTransition finishInteractiveTransition];
        }else {
            [_interactivePopTransition cancelInteractiveTransition];
        }
        
        //手势交互结束,清理对象
        _interactivePopTransition = nil;
    }
}

 

 

第二个代理方法,要求在操作开始时候,返回一个实现UIViewControllerAnimatedTransitioning协议的对象,该对象实现了动画内容和执行时间。

该协议有三个方法:

// This is used for percent driven interactive transitions, as well as for container controllers that have companion animations that might need to
// synchronize with the main animation. 
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext;
// This method can only  be a nop if the transition is interactive and not a percentDriven interactive transition.
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;


@optional

// This is a convenience and if implemented will be invoked by the system when the transition context's completeTransition: method is invoked.
- (void)animationEnded:(BOOL) transitionCompleted;

 

第一个方法返回动画时间;第二个方法,可以得到实现了UIViewControllerContextTransitioning协议的对象;第三个方法可选,如果transitionContext对象调用了completeTransition:方法,该代理方法会被调用。

重点是第二个方法的transitionContext对象,其重要的方法如下:

// The view in which the animated transition should take place.
- (nullable UIView *)containerView;//动画所在的容器view
- (BOOL)transitionWasCancelled;//转换是否取消// This must be called whenever a transition completes (or is cancelled.)
// Typically this is called by the object conforming to the
// UIViewControllerAnimatedTransitioning protocol that was vended by the transitioning
// delegate.  For purely interactive transitions it should be called by the
// interaction controller. This method effectively updates internal view
// controller state at the end of the transition.
- (void)completeTransition:(BOOL)didComplete;//完成转换,必须在动画完成时调用


// Currently only two keys are defined by the
// system - UITransitionContextToViewControllerKey, and
// UITransitionContextFromViewControllerKey. 
// Animators should not directly manipulate a view controller's views and should
// use viewForKey: to get views instead.
- (nullable __kindof UIViewController *)viewControllerForKey:(NSString *)key;//取得视图控制器

// Currently only two keys are defined by the system -
// UITransitionContextFromViewKey, and UITransitionContextToViewKey
// viewForKey: may return nil which would indicate that the animator should not
// manipulate the associated view controller's view.
- (nullable __kindof UIView *)viewForKey:(NSString *)key NS_AVAILABLE_IOS(8_0);//取得视图控制器的view,兼容iOS7,可以直接用上面取到的viewController.view

 

创建一个实现UIViewControllerAnimatedTransitioning协议的对象PopAnimation,重要代码如下:

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext {
    return _transitionDuration;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext {
    _transitionContext = transitionContext;

    //当前控制器
    UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    
    //动画结束显示的控制器
    UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //执行交互动画的容器view
    UIView *containerView = [transitionContext containerView];
    [containerView insertSubview:toViewController.view belowSubview:fromViewController.view];
    
    NSTimeInterval duration = [self transitionDuration:transitionContext];
    
    switch (_popAnimationType) {
        case PopAnimationTranslation: {
            CGFloat containerWidth = containerView.frame.size.width;
            toViewController.view.transform = CGAffineTransformMakeTranslation(-containerWidth / 4.0, 0);

            [UIView animateWithDuration:duration animations:^{
                toViewController.view.transform = CGAffineTransformMakeTranslation(0, 0);
                fromViewController.view.transform = CGAffineTransformMakeTranslation(containerWidth, 0);
            }completion:^(BOOL finished) {
                //动画结束,必须调用此方法
                [transitionContext completeTransition:!transitionContext.transitionWasCancelled];
            }];

            break;
        }
        case PopAnimationFlip: {
            [UIView beginAnimations:@"View Flip" context:nil];
            [UIView setAnimationDuration:duration];
            [UIView setAnimationDelegate:self];
            [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:containerView cache:YES];
            [UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:)];
            [UIView commitAnimations];
            [containerView exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

            break;
        }
        case PopAnimationCube: {
            CATransition *transiton = [CATransition animation];
            transiton.type = @"cube";
            transiton.subtype = @"fromLeft";
            transiton.duration = duration;
            transiton.removedOnCompletion = NO;
            transiton.fillMode = kCAFillModeForwards;
            transiton.delegate = self;
            [containerView.layer addAnimation:transiton forKey:nil];
            [containerView exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

            break;
        }
    }
}

- (void)animationDidStop:(CATransition *)anim finished:(BOOL)flag {
    [_transitionContext completeTransition:!_transitionContext.transitionWasCancelled];
}

 

剩下的工作:

在上一篇的基础上,修改UINavigationController的base_pushViewController方法

- (void)base_pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    if (![self.interactivePopGestureRecognizer.view.gestureRecognizers containsObject:self.base_panGestureRecognizer]) {
        [self.interactivePopGestureRecognizer.view addGestureRecognizer:self.base_panGestureRecognizer];
        
        self.base_panGestureRecognizer.delegate = [self base_panGestureRecognizerDelegateObject];
        
        self.base_currentDelegateObject = [[NavigationControllerDelegateObject alloc] initWithUINavigationController:self];
        
        [self.base_panGestureRecognizer addTarget:self.base_currentDelegateObject action:@selector(handlePopGestureOperation:)];
        
        self.interactivePopGestureRecognizer.enabled = NO;
    }
    
    [self base_setupViewControllerBasedNavigationBarAppearanceIfNeeded:viewController];
    
    if (![self.viewControllers containsObject:viewController]) {
        [self base_pushViewController:viewController animated:animated];
    }
}

可以看到,去除了私有变量和方法的调用,自定义了名为NavigationControllerDelegateObject的对象,其实现了UINavigationControllerDelegate协议,并实现了pan手势的处理方法。在此,我暴露了该属性对象,考虑到以后可能会增加或者修改UINavigationControllerDelegate的实现协议,可以为该对象增加分类来达到目的;还有一个目的,便于修改popAnimation的动画类型和执行时间。

 

总结:

两篇记录,从不同的方向,记录了右滑返回手势功能的实现。利用系统变量和方法,方便快捷;利用协议方法,高度自定义。

但是,利用协议方法,需要处理的方面比较多。虽然上述已经记录了实现核心,示例代码中也有详细代码,但是仍然还有很多方面未考虑。

目前,我发现一些问题

1.导航栏交互效果也需要自行实现,暂未实现原生效果

2.导航栏由隐藏到显示的效果,有时会出现异常

3.如果带有bottomBar,效果不理想

 

如果有好的解决办法,希望告知,谢谢。

 

base项目已更新:git@github.com:ALongWay/base.git
项目增加了新的UINavigationController+PopOperation分类,但是未引用到项目中,需要的同学,可先删除PopGesture分类的引用,再添加该分类的应用。

发表评论
用户名: 匿名