ios学习：UINavigationController导航

文件目录如下：基本导航顺序： root -> First -> Second -> Third。其中，FirstViewController作为 navigation堆栈的rootview

 

1、创建navigation。

如果是想直接把navigation导航作为项目一开始的跟视图，把RootViewController.h文件里的nav属性放到AppDelegate.h里即可，再把RootViewController.m文件里的action的代码复制到 AppDelegate.m里的didFinishLaunchingWithOptions 方法里，最后把 self.window.rootViewController 设置 UINavigationController类型的属性nav即可

在RootViewController.h文件

 1 #import <UIKit/UIKit.h> 2 @class FirstViewController; 3  4 @interface RootViewController : UIViewController 5  6 @property (strong, nonatomic) UINavigationController *nav; 7  8 - (IBAction)btnClick:(UIButton *)sender; 9 10 @end

 

在RootViewController.m 文件里的随意一个自定义action里：

 1 - (IBAction)btnClick:(UIButton *)sender { 2      3     //创建一个viewcontroller 4     FirstViewController *fristview =[[[FirstViewController alloc] init] autorelease]; 5     6      7     //初始化UINavigationController(方式一) 8     self.nav = [[[UINavigationController alloc] initWithRootViewController:fristview] autorelease]; 9     10     11     //初始化UINavigationController(方式二)12   //  self.nav = [[[UINavigationController alloc] init] autorelease];13   //  [self.nav pushViewController:fristview animated:YES];14 15     16     //初始化UINavigationController(方式三,失败,xib文件加载失败,原因暂时不明)17    // self.nav = [[[UINavigationController alloc] initWithNibName:@"FirstViewController" bundle:nil] autorelease];18     19     20     //跳转到FirstView页面21     [self presentViewController:self.nav animated:YES completion:nil];22     23     24     //这种写法一般用于往view里添加一些小控件,如button  label textField之类的,不适宜用于页面跳转25     // [self.view addSubview:self.nav.view];26     27     28 }

2、设置viewcontroller的navigationItem属性和 toolbar、toolbarItem

（1）firstViewcontroller的navigation属性和toolbarItem属性。代码在firstviewcontroller.m的viewdidLoad方法里

每个viewcontroller都有一个navigationItem属性（只在被加载到导航堆栈里才有效），navigationItem属性里又有5个属性：UIBarButtonItem类型的leftBarButtonItem、rightBarButtonItem和backBarButtonItem，NSString类型的title（或者viewcontroller属性的titleView）、prompt。

 1 - (void)viewDidLoad 2 { 3     [super viewDidLoad]; 4     // Do any additional setup after loading the view from its nib. 5      6     //下面两句代码的效果一样,但貌似设置了navigationItem.title 后 title就会被不起作用了 7     self.navigationItem.title =  @"首页123"; 8     self.title = @"首页"; 9     10     //在title上面再加多一行,但这样子就会造成导航栏的宽度变宽11   //  self.navigationItem.prompt = @"prompt";12     13     //设置rightbarbuttonitem14     UIBarButtonItem *rightbar = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(btnClick:)] autorelease];15 16     self.navigationItem.rightBarButtonItem = rightbar;17 18     //修改backbarbuttonitem的title.这个backbarbutton是显示在下一个push进来的view的tabbar的左边的19     //action可以设置为nil,这是的动作就是默认的动作,也就是返回到这个view20     self.navigationItem.backBarButtonItem = [[[UIBarButtonItem alloc] initWithTitle:@"back" style:UIBarButtonItemStylePlain target:self action:nil] autorelease];21     22     23     24     //设置toolbar是否可见(对整个navigation堆栈里的view起作用,起全局作用)25     self.navigationController.toolbarHidden = NO;26     27     UIBarButtonItem *three = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:nil action:nil];28     UIBarButtonItem *four = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemEdit target:nil action:nil];29     UIBarButtonItem *flexItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];30     31     //toolbar是整个navigation堆栈里的view共同的,但toolbar上面的items却是每个view单独拥有的32     //现在只是设置了当前view的toolbaritem,与其他view的toolbaritme是没有关系的33     [self setToolbarItems:[NSArray arrayWithObjects:flexItem, three, flexItem, four, flexItem, nil]];34     35     [three release];36     [four release];37     [flexItem release];38    39     40 }

页面效果如下：

 

(2)、secondviewcontroller的navigationItem和toolbarItem

代码在viewdidLoad方法里

 1 - (void)viewDidLoad 2 { 3     [super viewDidLoad]; 4     // Do any additional setup after loading the view from its nib. 5  6     //设置左右barbutton 7     UIBarButtonItem *rightbar = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(gotoThird:)] autorelease]; 8      9     UIBarButtonItem *leftbar = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(gotoThird:)] autorelease];10     11     self.navigationItem.rightBarButtonItem = rightbar;12     self.navigationItem.leftBarButtonItem = leftbar;13     14     //当前view在navigation堆栈里不是rootview,所以把该viewpush到navigation堆栈里时,tabbar左边会显示backbarbutton15     //如果给当前view设置了leftbarbutton,会把把backbarbutton覆盖掉,想同时显示两者,需如下设置:16     self.navigationItem.leftItemsSupplementBackButton = YES;17 18     19     20     //设置当前view的toolbar可见.因为有可能从一个toolbar不可见的view导航到当前view21     self.navigationController.toolbarHidden = NO;22     23 }

效果如下：

 

(3)、thirdviewcontroller的navigationItem和toolbaritem

 1 - (void)viewDidLoad 2 { 3     [super viewDidLoad]; 4     self.title = @"第三页"; 5     // Do any additional setup after loading the view from its nib. 6      7     //隐藏当前view的toolbar 8     self.navigationController.toolbarHidden = YES; 9     10     //设置toolbar11     UIBarButtonItem *rightbar = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(goToRootView)] autorelease];12     13     self.navigationItem.rightBarButtonItem = rightbar;14     15    // NSArray *array = @[@"排骨", @"牛排"];16     17     //设置titleview,会覆盖title18     UISegmentedControl *segment = [[[UISegmentedControl alloc] initWithItems:@[@"排骨", @"牛扒"] ] autorelease];19     segment.segmentedControlStyle = UISegmentedControlSegmentCenter;20     21     self.navigationItem.titleView = segment;22 }

效果如下：

 

barButtonItem的style及效果对应如下：

转自：http://www.cnblogs.com/zouzf/archive/2013/01/17/2864506.html