前言

	NS_CLASS_AVAILABLE_IOS(3_2) @interface UISplitViewController : UIViewController
@available(iOS 3.2, *) public class UISplitViewController : UIViewController
  • 大多数时候,iPhone、iPod 应用与 iPad 应用开发没有太大的区别,但是 iPad 的屏幕比 iPhone 大,设计程序时可以充分利用 iPad 的大屏幕特点,例如 TabBar 和 Navigation 的使用会减少,相应的会采用新的一种 ViewController 来代替,那就是 UISplitViewController,这个控件是 iPad 专用的视图控制器。使用 SplitViewController 导航时,横屏情况下,左边显示一个导航表,点击导航项时右边显示对应的详情。横屏情况下显示方式会有所不同,默认只显示详情面板,原来左侧的导航列表会通过浮动窗口隐藏,需要从边缘向内侧拖动来显示。

  • 在 iPhone 应用中,使用导航控制器由上一层界面进入下一层界面,在下一层界面处理完成后,用户可以非常方便的返回上一层界面。这种方式在 iPhone 应用里非常方便,因为小屏幕通常只能显示一个界面,但对于 iPad 来说,那么大的屏幕只显示一个列表会显得不太好看,同时用户操作也不方便,所以在 iPad 中,通常使用 SplitViewController 来实现导航。iPhone 和 iPad 的系统设置就是典型的按设备区别界面的应用。

    • self.splitViewController.viewControllers[0] // 表示 Master 页
    • self.splitViewController.viewControllers[1] // 表示 Detail 页

1、splitViewController 的创建

  • Objective-C

    	// 初始化分割视图控制器
    UISplitViewController *splitViewController = [[UISplitViewController alloc] init]; // 设置分割面板的 2 个视图控制器
    splitViewController.viewControllers = @[navigationController, detailViewController]; // 添加到窗口
    [self addChildViewController:splitViewController];
    [self.view addSubview:splitViewController.view]; // 做为 window 的根视图控制器
    self.window.rootViewController = splitViewController;
  • Swift

    	// 初始化分割视图控制器
    let splitViewController = UISplitViewController() // 设置分割面板的 2 个视图控制器
    splitViewController.viewControllers = [navigationController, detailViewController] // 添加到窗口
    self.addChildViewController(splitViewController)
    self.view.addSubview(splitViewController.view) // 做为 window 的根视图控制器
    self.window.rootViewController = splitViewController

2、判断设备类型

  • Objective-C

    	// 初始化列表和详情面板
    
    		// 初始化列表面板,可以为表格视图控制器
    MasterViewController *masterViewController = [[MasterViewController alloc] init]; // 初始化详情面板
    DetailViewController *detailViewController = [[DetailViewController alloc] init]; // 用导航包装列表面板,显示导航条,如果是分割面板也不影响功能
    UINavigationController *navigationController = [[UINavigationController alloc]
    initWithRootViewController:masterViewController]; // 根据设备类型创建分割视图控制器
    /*
    UIUserInterfaceIdiomUnspecified = -1,
    UIUserInterfaceIdiomPhone NS_ENUM_AVAILABLE_IOS(3_2), // iPhone and iPod touch style UI
    UIUserInterfaceIdiomPad NS_ENUM_AVAILABLE_IOS(3_2), // iPad style UI
    UIUserInterfaceIdiomTV NS_ENUM_AVAILABLE_IOS(9_0), // Apple TV style UI
    UIUserInterfaceIdiomCarPlay NS_ENUM_AVAILABLE_IOS(9_0), // CarPlay style UI
    */ // 如果是 iPhone 或 iPod 则只显示列表页,如果是 iPad 则显示分割面板
    if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone) { // 添加到窗口
    [self addChildViewController:navigationController];
    [self.view addSubview:navigationController.view];
    }
    else { // 初始化分割视图控制器
    UISplitViewController *splitViewController = [[UISplitViewController alloc] init]; // 设置分割面板的 2 个视图控制器
    splitViewController.viewControllers = @[navigationController, detailViewController]; // 添加到窗口
    [self addChildViewController:splitViewController];
    [self.view addSubview:splitViewController.view]; // 做为 window 的根视图控制器
    self.window.rootViewController = splitViewController;
    } // 表格点击 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { // 调用 DetailViewController 的方法更新详细页
    [self.splitViewController.viewControllers[1] loadDetailViewController:[dataArray
    objectAtIndex:indexPath.row]]; // 如果是 iPhone、iPod 则导航到详情,跳转到 detailViewController,取消选中状态
    if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone) { [tableView deselectRowAtIndexPath:indexPath animated:YES]; [self.navigationController pushViewController:self.splitViewController.viewControllers[1]
    animated:YES];
    }
    }
  • Swift

    	// 初始化列表和详情面板
    
    		// 初始化列表面板,可以为表格视图控制器
    let masterViewController = MasterViewController() // 初始化详情面板
    let detailViewController = DetailViewController() // 用导航包装列表面板,显示导航条,如果是分割面板也不影响功能
    let navigationController = UINavigationController(rootViewController: masterViewController) // 根据设备类型创建分割视图控制器
    /*
    case Unspecified
    case Phone @available(iOS 3.2, *) // iPhone and iPod touch style UI
    case Pad @available(iOS 3.2, *) // iPad style UI
    case TV @available(iOS 9.0, *) // Apple TV style UI
    case CarPlay @available(iOS 9.0, *) // CarPlay style UI
    */ // 如果是 iPhone 或 iPod 则只显示列表页,如果是 iPad 则显示分割面板
    if UIDevice.currentDevice().userInterfaceIdiom == .Phone { // 添加到窗口
    self.addChildViewController(navigationController)
    self.view.addSubview(navigationController.view)
    }
    else { // 初始化分割视图控制器
    let splitViewController = UISplitViewController() // 设置分割面板的 2 个视图控制器
    splitViewController.viewControllers = [navigationController, detailViewController] // 添加到窗口
    self.addChildViewController(splitViewController)
    self.view.addSubview(splitViewController.view) // 做为 window 的根视图控制器
    self.window.rootViewController = splitViewController
    } // 表格点击 func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) { // 调用 DetailViewController 的方法更新详细页
    (self.splitViewController?.viewControllers[1] as! DetailViewController)
    .loadDetailViewController(dataArray[indexPath.row]) // 如果是 iPhone、iPod 则导航到详情页,跳转到 detailViewController,取消选中状态
    if UIDevice.currentDevice().userInterfaceIdiom == UIUserInterfaceIdiom.Phone { tableView.deselectRowAtIndexPath(indexPath, animated: true) self.navigationController?
    .pushViewController((self.splitViewController?
    .viewControllers[1] as! DetailViewController),
    animated: true)
    }
    }

3、Storyboard 中设置

  • 在 Storyboard 场景中设置

    • 在 Storyboard 场景绑定的 Controller 中设置

      	// 获取 Master 页
      self.splitViewController.viewControllers[0] // 获取 Detail 页
      self.splitViewController.viewControllers[1]

iOS - UISplitViewController的更多相关文章

  1. iOS:iPad和iPhone开发的异同(UIPopoverController、UISplitViewController)

    iPad和iPhone开发的异同 1.iPhone和iPad: niPhone是手机,iPad.iPad Mini是平板电脑 iPhone和iPad开发的区别 屏幕的尺寸 \分辨率 UI元素的排布 \ ...

  2. 分割视图控制器(UISplitViewController) 改_masterColumnWidth 导致在 IOS 10中出现闪退

    默认UISplitViewController的Master和Detail的宽度是固定的,可以通过下面的方式来改变 [splitViewController setValue:[NSNumber nu ...

  3. iOS Programming UISplitViewController

    iOS Programming UISplitViewController  The iPad, on the other hand, has plenty of screen space to pr ...

  4. iOS:分割控制器UISplitViewcontroller

    分割控制器UISplitViewController <1>功能:它也是ipad的一个新特性,在屏幕上可以同时显示两个控制器,左边一个,右边一个:左边的为主控制器,右边的为详细控制器,主控 ...

  5. ios之UISplitViewController

    iPad的屏幕比iPhone大,所以在界面上,iPad比iPhone多一个UISplitViewController,用来实现iPad在横屏时,分两栏显示所需要的界面,可以一边是目录一边是具体的内容. ...

  6. iOS:UISplitViewController的创建

    UISplitViewController是iPad特有的系统方法,主要效果就是呈现iPad的经典切割界面 代码创建实例: - (BOOL)application:(UIApplication *)a ...

  7. iOS开发学习笔记

    1 常用的第三方工具 1.1 iPhone Simulator 测试程序需要模拟器iPhone Simulator 1.2 设计界面需要Interface Builder,Interface Buil ...

  8. iOS开发——高级篇——iPad开发、iPad开发中的modal

    一.iPad简介 1.什么是iPad一款苹果公司于2010年发布的平板电脑定位介于苹果的智能手机iPhone和笔记本电脑产品之间跟iPhone一样,搭载的是iOS操作系统 2.iPhone和iPadi ...

  9. IOS 开发教程

    http://www.raywenderlich.com/category/ios http://www.raywenderlich.com/50310/storyboards-tutorial-in ...

随机推荐

  1. <mvc:annotation-driven />与<context:annotation-config />

    Spring家族的配置中这两个配置的意义,说具体点其实根据标签的shecma就能看出来,mvc,主要就是为了Spring MVC来用的,提供Controller请求转发,json自动转换等功能,而co ...

  2. PHP将XML数据转换为数组

    <?php $s=join(,file('httpapi.elong.comxmlv2.0hotelcn0132701501.xml')); $result = xml_to_array($s) ...

  3. node-webkit 新建实例窗口间通信问题解决办法

    终于弄明白这问题了,只要在js文件里加上段代码,就可解决两窗口间通信问题. var str = { username: User.name, userrole: User.role }; var ne ...

  4. 减少GC开销的措施

    程序的运行会直接影响系统环境的变化,从而影响GC的触发.若不针对GC的特点进行设计和编码,就会出现内存驻留等一系列负面影响.为了避免这些影响,基本的原则就是尽可能地减少垃圾和减少GC过程中的开销.具体 ...

  5. Oracle找出非数字

    可以这样判断: select translate('99999999999999', '\1234567890', '\') from dual; 返回的是空 ​ select translate(' ...

  6. fastjson和json-lib的区别

    上次把原生json替换成了fastjson,发生很多地方不兼容,对这个也做了一些总结: 1.对于没有赋值的变量处理,json-lib会根据类型给出相应初始值,而fastjson直接忽略这个字段. 解决 ...

  7. linux系统缓存机制

    http://my.oschina.net/lenglingx/blog/425258 1.缓存机制 为了提高文件系统性能,内核利用一部分物理内存分配出缓冲区,用于缓存系统操作和数据文件,当内核收到读 ...

  8. TCP/IP通信实现

    网络层的IP协议提供不可靠通信服务.TCP协议则解决了分组的重传和排序问题. TCP通信特征 : 1)全双工,同时发送和接收数据 2)只支持两个端口之间的通信 3)基于字节流.对端无法知道报文的边界. ...

  9. uwsgi安装过程中遇到的问题

    参考这篇文章: [root@crz_oa webserver]# uwsgi --http :9090 --wsgi-file home.py --daemonize /var/log/uwsgi.l ...

  10. 一个html5开发工具

    今天推荐一个Html5开发工具 sublimetext3 找了一个注册码 可用 —– BEGIN LICENSE —– Michael Barnes Single User License EA7E- ...