美文网首页
常用视图切换方式的比较

常用视图切换方式的比较

作者: 为什么划船不靠桨 | 来源:发表于2017-05-01 13:56 被阅读0次

    在iOS开发中,比较常用的切换视图的方式主要有以下几种:

    1.入栈出栈方式 push、pop

    使用举例(ViewController假设为需要跳转的控制器):

    [self.navigationController pushViewController:ViewController animated:YES]; //入栈,跳转到指定控制器视图
    [self.navigationController popViewControllerAnimated:YES]; //弹栈,返回到前一个视图
    [self.navigationController popToViewController:ViewController animated:YES]; //弹栈 返回指定控制器所在视图
    [self.navigationController popToRootViewControllerAnimated:YES]; //弹栈 返回根控制器视图
    
    2.模态 modal

    使用举例(ViewController假设为需要跳转的控制器):

    [self presentViewController:ViewController animated:YES completion:nil]; //跳转到ViewController所在视图
    [self dismissModalViewControllerAnimated:YES]; //退出当前视图
    
    3. 切换window的rootViewController

    使用举例(ViewController假设为需要跳转的控制器):

    UIWindow *window = [UIApplication sharedApplication].keyWindow; //获得主窗口
    window.rootViewController = [[ViewController alloc] init]; //将主窗口的根视图设置为当前控制器
    
    4. 将另一个控制器的视图添加为当前控制器视图的子视图
    [self.view addSubview: ViewController.View]; //实现复杂界面的时候常用
    

    简要介绍下各种方式的优点和不足:

    • push、pop方式
      • 优点:控制器切换是可逆的,且原始图不会销毁
      • 缺点:依赖于UINavigationController,故需要有一个导航控制器,与某些界面不需要导航控制器有可能会冲突
        push操作是可逆的,即控制器的切换是可逆的。
    • modal
      • 优点:控制器切换是可逆的,且原始图不会销毁
      • 缺点:跳转没有push方式自由,dismiss方式只能按顺序返回,不能跳跃, 从前一个modal到后一个时候,前一个控制器不会消失,一直在内存中

    这里说明一下控制器的两个可能很多人都没注意的两个只读属性:presentedViewController和presentingViewController,他们分别是被present的控制器和正在presenting的控制器。
    这两个属性,在有些时候,用起来是很方便的。比如说,现在有个C界面,C界面被显示出来,可能有两种情况,一是modal出来的,另外一种是push出来的,这时候就可以通过当前界面对象的presentingViewController属性来判断到底属于哪种情况,如果是nil,表示是UINavigationController对象push过来的,如果不是则是modal过来的。

    • 切换window的rootViewController
      • 优点:跳转直接迅速,而且可以销毁前一个控制器,因为将window的强引用改为当前控制器,故前一个控制器会消失(ARC环境)
    • 缺点:视图跳转不可逆
    • 将一个控制器的视图添加到当前视图上面
      • 优点:通过一个控制器将另一控制器设置为属性,自由读取其他控制器中的视图从而能够实现复杂UI界面
    • 缺点:复杂,多数场合不适用

    列表比较如下:

    比较项目 push、pop modal 切换窗口的根控制器 添加子视图
    销毁源视图
    使用场合 有导航控制器,需要能够返回前一个视图的情况 没有导航控制器的跳转,能返回前一个视图 版本新特性或者不需要保留前一个控制器的情况 需要实现复杂界面的情况
    是否有导航控制器

    我们这里再说一下针对系统的这两种视图切换方式,都有哪些最基本的动画呢?
    首先是模态切换
    //常规模态切换
    push.modalTransitionStyle = UIModalTransitionStylePartialCurl;
    [self presentViewController:push animated:YES completion:nil];
    /*
         下面是四种具体效果
         UIModalTransitionStyleCoverVertical=0, //默认方式,竖向上推
         UIModalTransitionStyleFlipHorizontal, //水平反转
         UIModalTransitionStyleCrossDissolve,//隐出隐现
         UIModalTransitionStylePartialCurl,//部分翻页效果
         */
    
    //当你想要使用自定义模态切换的时候,这一行代码是必须的
    push.modalPresentationStyle = UIModalPresentationCustom;
    
    当使用入栈出栈的方式切换的时候
    PushViewController *push = [[PushViewController alloc]init];
    //添加Animation
    [self.navigationController.view.layer addAnimation:[self pushAnimation] forKey:nil];
    [self.navigationController pushViewController:push animated:YES];
    
    //这里是Animation动画的方法
    - (CATransition *)pushAnimation{
        //创建动画
        CATransition* transition = [CATransition animation];
        //设置持续时间
        transition.duration = 0.8;
        //设置时间函数
        transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault];
        
        /*私有API
         cube   立方体效果
         pageCurl   向上翻一页
         pageUnCurl   向下翻一页
         rippleEffect   水滴波动效果
         suckEffect   变成小布块飞走的感觉
         oglFlip   上下翻转
         cameraIrisHollowClose   相机镜头关闭效果
         cameraIrisHollowOpen   相机镜头打开效果
         */
        //使用私有API       设置动画类型
        transition.type = @"cube";
        //或者使用系统共有API
        //transition.type = kCATransitionFade;
        //下面四个是系统共有的API
        //kCATransitionMoveIn, kCATransitionPush, kCATransitionReveal, kCATransitionFade
        
        //设置切换方向
        transition.subtype = kCATransitionFromBottom;
        //切换方向有以下四种方式:kCATransitionFromLeft, kCATransitionFromRight, kCATransitionFromTop, kCATransitionFromBottom
        //还可以设置代理  实现代理方法来监听动画已经开始和已经结束
        transition.delegate = self;
        return transition;
    }
    

    还可以用animation转场动画

    //方式1
    [UIView transitionWithView:[UIApplication sharedApplication].keyWindow duration:0.5f options:UIViewAnimationOptionTransitionFlipFromBottom animations:^{
    
            BOOL oldState = [UIView areAnimationsEnabled];
            [UIView setAnimationsEnabled:NO];
            [UIApplication sharedApplication].keyWindow.rootViewController = [[ChatViewController alloc]init];
            [UIView setAnimationsEnabled:oldState];
    
        } completion:^(BOOL finished) {
    
        }];
        
        
    //方式2
        [UIView transitionFromView:self.view toView:chatVC.view duration:1 options:UIViewAnimationOptionTransitionFlipFromRight completion:^(BOOL finished) {
    
        }];
    

    相关文章

      网友评论

          本文标题:常用视图切换方式的比较

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