SplitView是ipad的常用的一种展示方式,当ipad横着的时候,显示分成2部分,左边是象目录一样的列表(Master View),右边是详细信息(Detail View)。而当ipad竖着的时候,将左边的部分隐藏,只显示右边的信息。如下图所示,ipad的系统设置界面就是一个典型的split view。
为了方便开发,苹果的iOS SDK是提供了UISplitViewController来用于这种Master-Detail的左右分栏界面的显示。但是,使用UISplitViewController却有一些限制。我们在开发中遇到的问题有:
1、不能随意指定Master view的宽度
2、不能在横屏时将Master view隐藏
3、无法方便地将Master view与Detail view之间的那种黑色的分隔线换成其它样式的分隔view。
通过google和stackoverflow的查找,我找到了一个开源的UISplitView的实现,名为MGSplitViewController,它比系统提供的分栏类功能更加丰富。上面提到的3个问题都有专门的接口来设置,使用起来相当方便。下面我大致介绍一下如何使用它。
首先需要去github将它下载下来,用git clone https://github.com/mattgemmell/MGSplitViewController.git 即可将其下载到本地。
打开该git项目的目录,可以见到它本身就是一个sample project,可以直接用xcode打开工程运行样例。
如果我们需要将它应用到我们自己的项目,需要将3个类文件(包括.h和.m文件)复制到我们的工程中。这3个类分别是:
MGSplitViewController、MGSplitDividerView、MGSplitCornersView
在项目的使用和使用UISplitViewController类似,示例代码如下:
需要注意的是,如果你的应用只支持横屏,需要修改 MGSplitViewController的源码,将以下方法改写:self.split = [[[MGSplitViewController alloc] init] autorelease]; self.split.masterViewController = [[[MyMaster alloc] init] autorelease]; self.split.detailViewController = [[[MyDetail alloc] init] autorelease];
- (BOOL)shouldAutorotateToInterf如果你需要自己指定Master view的宽度,可以设置其 .splitPosition属性。aceOrientation:(UIInterfaceOrientation)interfaceOrientation { return UIInterfaceOrientationIs Landscape(interfaceOrientation); }
显示隐藏Master view是通过调用toggleMasterView方法来完成。还有一些不常用的方法,也可以在样例中的DetailViewController中找到。
参考文档:http://mattgemmell.com/2010/07/31/mgsplitviewcontroller-for-ipad/