iOS學習之UINavigationController詳解與使用(二)頁面切換和segmentedController

chenyxh2005發表於2014-12-06
iOSUINavigationController

我們接著講UINavigationController的重要作用，頁面的管理和切換。

1、RootView 跳到SecondView

首先我們需要新一個View。新建SecondView，按住Command鍵然後按N,彈出新建頁面，我們新建SecondView


2、為Button 新增點選事件，實現跳轉

在RootViewController.xib中和RootViewController.h檔案建立連線



在RootViewController.m中實現程式碼，alloc一個SecondViewController，用pushViewController到navigationController中去，併為

SecondViewController這是title為    secondView.title =@"Second View"; 預設情況下，titie為下個頁面返回按鈕的名字。

[cpp] view plaincopy
  1. - (IBAction)gotoSecondView:(id)sender {  
  2.     SecondViewController *secondView = [[SecondViewController alloc] init];  
  3.     [self.navigationController pushViewController:secondView animated:YES];  
  4.     secondView.title = @"Second View";  
  5. }  
這是點選GotoSecondView 按鈕，出現

這就是SecondView了。


3、新增segmentedController

在nav bar這樣的效果是如何實現的呢?


這就是segmentedController。

3.1在RootViewController.m的viewDidLoad新增如下程式碼:

[cpp] view plaincopy
  1. NSArray *array = [NSArray arrayWithObjects:@"雞翅",@"排骨", nil];  
  2.    UISegmentedControl *segmentedController = [[UISegmentedControl alloc] initWithItems:array];  
  3.    segmentedController.segmentedControlStyle = UISegmentedControlSegmentCenter;  
  4.   
  5.    [segmentedController addTarget:self action:@selector(segmentAction:) forControlEvents:UIControlEventValueChanged];  
  6.    self.navigationItem.titleView = segmentedController;  

3.2[segmentedController addTarget:selfaction:的實現

[cpp] view plaincopy
  1. -(void)segmentAction:(id)sender  
  2. {  
  3.     switch ([sender selectedSegmentIndex]) {  
  4.         case 0:  
  5.         {  
  6.             UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你點選了雞翅" delegate:self  cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];  
  7.             [alter show];  
  8.   
  9.         }  
  10.         break;  
  11.     case 1:  
  12.         {  
  13.             UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你點選了排骨" delegate:self  cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];  
  14.             [alter show];  
  15.         }  
  16.         break;  
  17.           
  18.         default:  
  19.             break;  
  20.     }  
  21. }  
這樣就能響應雞翅和排骨按鈕了

4、自定義backBarButtonItem

左上角的返回上級View的barButtonitem的名字是上級目錄的Title，如果title或者適合做button的名字，怎麼辦呢？我們可以自己定義

程式碼如下：（注意：以下程式碼是加在RootViewContoller中的gotoSecondView方法中！不然放在SecondViewChontoller中不會生效。）

[cpp] view plaincopy
  1. UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"根檢視" style:UIBarButtonItemStyleDone target:nil action:nil];  
  2.    self.navigationItem.backBarBu  
效果：

6、自定義title

UINavigationController的title可以用別view替代，比如用UIButton UILable等，下面我用UIButton.

在SecondViewController.m中新增下面如下。

[cpp] view plaincopy
  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.     UIButton *button = [UIButton buttonWithType: UIButtonTypeRoundedRect];  
  5.     [button setTitle: @"自定義title" forState: UIControlStateNormal];  
  6.     [button sizeToFit];  
  7.     self.navigationItem.titleView = button;}  
執行程式，goto secondView，執行效果



下篇檔案講下Navigation 的Toobar如何顯示和如何自己定義。

相關文章