ios之UISplitViewController

iPad的屏幕比iPhone大，所以在界面上，iPad比iPhone多一个UISplitViewController，用来实现iPad在横屏时，分两栏显示所需要的界面，可以一边是目录一边是具体的内容。下面我将详细的阐述UISplitViewController在ipad中的使用。

首先是创建一个工程：iPad.demo.

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image23.png 


然后创建一个DetailViewController和RootViewController，其中RootViewController继承UITableViewController。同事创建两个相应的xib文件。删除ipad_demoViewController.相应的类列表如下：

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image24.png 


然后修改ipad_demoAppDelegate：

.h文件：

  1. #import <UIKit/UIKit.h> 
  2. #import "RootViewController.h" 
  3. #import "DetailViewController.h" 
  4. @class ipad_demoViewController;
  6. @interface ipad_demoAppDelegate : NSObject <UIApplicationDelegate> { 
  7.     UIWindow *window; 
  8.    UISplitViewController *splitViewController; 
  9.     RootViewController *rootViewController; 
  10.     DetailViewController *detailViewController; 
  11. }
  13. @property (nonatomic, retain) IBOutlet UIWindow *window; 
  14. @property (nonatomic, retain) IBOutlet UISplitViewController *splitViewController; 
  15. @property (nonatomic, retain) IBOutlet RootViewController *rootViewController; 
  16. @property (nonatomic, retain)  IBOutlet DetailViewController *detailViewController; 
  17. @end
复制代码



.m文件：

  1. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    
  2.     // Override point for customization after app launch. 
  3.     [window addSubview:splitViewController.view]; 
  4.     [window makeKeyAndVisible];
  6.     return YES; 
  7. }
复制代码



修改MainWindow.xib文件：

添加UISplitViewController容器：

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image25.png 


IB中的控件和相应的事件相联系：连接过程是按住control键，然后点击ipad_demo App Delegate，连接到Split View Controller，然后选择自定义的事件即可，最后的结果如下：

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image26.png 


最后在把相应的容器换成自定义的容器：实现的方法是

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image27.png 


最后的结果是：

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image28.png 


现在我们在实现DetailViewController：

首先修改其相应的文件：
.h文件修改如下：

  1. #import <UIKit/UIKit.h> 
  2. @interface DetailViewController : UIViewController { 
  3.    IBOutlet UILabel *lable; 
  4.     IBOutlet UISwitch *switch1; 
  5.     NSIndexPath *index; 
  6. } 
  7. -(void)deetail:(id)sender; 
  8. @property (nonatomic,retain) UILabel *lable; 
  9. @property (nonatomic,retain) UISwitch *switch1; 
  10. @end
复制代码




.m文件修改如下：

  1. #import "DetailViewController.h" 
  2. @implementation DetailViewController 
  3. @synthesize lable,switch1; 
  4. - (void)viewDidLoad { 
  5.     [super viewDidLoad]; 
  6. } 
  7. -(void)viewWillAppear:(BOOL)animated 
  8. {
  10. } 
  11. -(void)deetail:(id)sender 
  12. { 
  13.     index=sender; 
  14.     self.lable.text=[NSString stringWithFormat:@"Row %d,section %d",[index row],[index section]]; 
  15.     if ([index row]%2==0) { 
  16.         self.switch1.on=YES; 
  17.     }else { 
  18.         self.switch1.on=NO; 
  19.     } 
  20. } 
  21. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation { 
  22.     return YES; 
  23. } 
  24. - (void)didReceiveMemoryWarning { 
  25.     [super didReceiveMemoryWarning]; 
  26. } 
  27. - (void)viewDidUnload { 
  28.     [super viewDidUnload]; 
  29.     self.lable=nil; 
  30.     self.switch1=nil; 
  31. } 
  32. - (void)dealloc { 
  33.     [self.lable release]; 
  34.     [self.switch1 release]; 
  35.     [super dealloc]; 
  36. } 
  37. @end
复制代码



2.修改相应的xib文件：

添加相应的控件，并且相应的组建和相应的事件相关联。

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image29.png 


最后我们实现RootViewController：

首先修改相应的文件：
.h文件如下：

  1. #import <UIKit/UIKit.h> 
  2. @class DetailViewController; 
  3. @interface RootViewController : UITableViewController {
  5.    IBOutlet DetailViewController *detailViewController; 
  6. } 
  7. @property (nonatomic,retain) DetailViewController *detailViewController; 
  8. @end
复制代码



.m文件如下：

  1. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { 
  2.     // Return the number of sections. 
  3.     return 2; 
  4. }
  6. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { 
  7.     // Return the number of rows in the section. 
  8.     return 7; 
  9. }
  11. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
  12.     static NSString *CellIdentifier = @"Cell"; 
  13.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
  14.     if (cell == nil) { 
  15.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; 
  16.     } 
  17.     // Configure the cell… 
  18.     cell.textLabel.text=[NSString stringWithFormat:@"ROW %d section %d",[indexPath row],[indexPath section]]; 
  19.     return cell; 
  20. }
  22. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { 
  23.     // Navigation logic may go here. Create and push another view controller. 
  24.     // DetailViewController *detailViewController = [[DetailViewController alloc] initWithNibName:@"DetailViewController" bundle:nil]; 
  25.     // [self.navigationController pushViewController:detailViewController animated:YES]; 
  26.     // [detailViewController release]; 
  27.    [detailViewController deetail:indexPath]; 
  28. }
复制代码



2、修改相应的xib文件：

相应的事件和控件相联系。

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image30.png 


运行结果如下：

<IGNORE_JS_OP style="WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; WORD-WRAP: break-word; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(68,68,68); WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">image31.png 

2011-3-27 14:53:48 上传
下载附件 (43.59 KB)
 




源代码: http://easymorse-iphone.googlecode.com/svn/trunk/ipad.demo/

posted @ 2014-02-15 11:54  yulang  阅读(547)  评论(0)  编辑  收藏  举报