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

常用视图切换方式的比较

作者: 为什么划船不靠桨 | 来源:发表于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