iOS學習之UINavigationController詳解與使用(一)添加UIBarButtonItem

1、UINavigationController導航控制器如何使用

UINavigationController可以翻譯為導航控制器，在iOS裡經常用到。

我們看看它的如何使用：

下面的圖顯示了導航控制器的流程。最左側是根視圖，當使用者點擊其中的General項時 ，General視圖會滑入螢幕；當使用者繼續點擊Auto-Lock項時，Auto-Lock視圖將滑入螢幕。相應地，在對象管理上，導航控制器使用了導航堆棧。根視圖控制器在堆棧最底層，接下來入棧的是General視圖控制器和Auto-Lock視圖控制器。可以調用pushViewControllerAnimated:方法將視圖控制器推入棧頂，也可以調用popViewControllerAnimated:方法將視圖控制器彈出堆棧。

來自蘋果官網。

 

2、UINavigationController的結構組成

看，UINavigationController有Navigation bar  ,Navigation View ,Navigation toobar等組成。

 

現在我們建立一個例子，看看如何使用UINavigationController

3、建立一個項目

命名為UINavigationControllerDemo,為了更好理解UINavigationController，我們選擇Empty Application模板

4、建立一個View Controller，命名為RootViewController：依次選擇File——New——New File，預設勾上With XIB for user interface.

選擇正確位置建立完成，這時項目裡多了三個檔案，分別是RootViewController.h RootViewController.m RootViewController.xib檔案。

開啟RootViewController.xib，添加一個按鈕控制項，按鈕Button改成 ：Goto SecondView,為跳轉做準備

 

5、開啟AppDelegate.h，向其中添加屬性：

 

@property (strong, nonatomic) UINavigationController *navController;

添加後AppDelegate.h檔案代碼如下：

 

 

#import <UIKit/UIKit.h>@class ViewController;@interface AppDelegate : UIResponder <UIApplicationDelegate>@property (strong, nonatomic) UIWindow *window;@property (strong, nonatomic) ViewController *viewController;@property (strong, nonatomic) UINavigationController *navController;@end

6、在AppDelegate.m 檔案的didFinishLaunchingWithOptions方法中建立添加navController，RootViewController視圖。

 

 

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];    RootViewController *rootView = [[RootViewController alloc] init];    rootView.title = @"Root View";        self.navController = [[UINavigationController alloc] init];    [self.navController pushViewController:rootView animated:YES];    [self.window addSubview:self.navController.view];    [self.window makeKeyAndVisible];    return YES;}

給rootView的titie命名為 Root View，好識別View直接的切換關係。用pushViewController把rootView加入到navController的視圖棧中。

 

7、現在Root視圖添加完成

看看效果：

'

現在還沒有Navigation bar 。只有title。

8、添加UIBarButtonItem

bar ButtonItem分左右UIBarButtonItem。我們把左右的都添加上去。

在RootViewController.m中添加代碼如下：

 

- (void)viewDidLoad{    [super viewDidLoad];    UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(selectLeftAction:)];    self.navigationItem.leftBarButtonItem = leftButton;        UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd  target:self action:@selector(selectRightAction:)];    self.navigationItem.rightBarButtonItem = rightButton;

}

這樣添加了UIBarButtonItem了，效果如下：

 

這裡重點介紹下

UIBarButtonItem *leftButton = [[UIBarButtonItemalloc]initWithBarButtonSystemItem:UIBarButtonSystemItemActiontarget:selfaction:@selector(selectLeftAction:)];

UIBarButtonSystemItemAction的風格，這是系統內建的按鈕風格，看，你不用一個個實驗，你也知道想用那個item，如：

9、響應UIBarButtonItem的事件的實現

我們在 action:@selector(selectLeftAction:);

action添加了selectLeftAction和selectRightAction

在RootViewController.m檔案中添加代碼實現：

 

-(void)selectLeftAction:(id)sender{    UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你點擊了導覽列左按鈕" delegate:self  cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];    [alter show];}-(void)selectRightAction:(id)sender{    UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你點擊了導覽列右按鈕" delegate:self  cancelButtonTitle:@"確定" otherButtonTitles:nil, nil];    [alter show];}

這樣在點擊左右的UIBarButtonItem時，彈出提示：

 

這篇先講添加UIBarButtonItem，下篇講解頁面跳轉和添加UISegmentedControl

 

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

 

 

例子代碼：https://github.com/schelling/YcDemo

著作權聲明：本文由http://blog.csdn.net/totogo2010/原創，歡迎轉載分享。請尊重作者勞動，轉載時保留該聲明和作者部落格連結，謝謝