导航控制器和表视图(一)

        这两天在看导航控制器和表视图这一块，发现很苦逼，特别是XIB文件关联的时候，要不是关联不上，拉着没反应，要不是关联上了，结果苦逼的错了，造成内存泄露等问题，导致失败。但是这些失败也不是浪费时间的，从中还是能获得经验的；因为前面练习的时候一直坚持用代码编写，但是想着苹果公司开发出这么好的开发工具，如果不会去用，那岂不是更苦逼了，现在用的是有问题，但都是时间问题，如果能理解XIB的关联操作一定分享下心的。哎哎，也不抱怨了，开始介绍今天内容；

实现功能是：表视图每一行都有拓展图标，显示该行的详细内容。表视图上面是一个导航栏，导航栏上面有返回上一级按钮，然后就是来回的切换；先展示下所实现的效果图：

      

再说一下导航栏控制器，UINavigationController，主要用于分层的应用程序开发，管理视图的进入和退出，主要是通过栈来实现，如果不知道栈是什么建议还是在网上先了解一下栈的原理，此处用栈的内容不是太多；

实现步骤

 1.新建工程名为NavigationController ， File->New->Project ->single View Application -> next 

2.在新建一个文件控制器FirstLevelViewController，不生成XIB文件，继承UITableViewController

3.设置导航控制器

在NavViewContoller.h中声明一个导航控制器输出口，在NavViewContoller.h中添加@synthesize navigationController = _navigationController;

#import <UIKit/UIKit.h>

@interface NavViewController : UIViewController

@property(strong,nonatomic) IBOutlet UINavigationController *navigationController;

@end

4.创建导航控制器，连接输出口navigationController，打开NavViewController.xib文件，拖动一个NavigationController，自动生成如图所示导航视图

   
5.关联输出口,选中navigationController

6.单击View Controller-RootViewcontroller，将底层类改为FirstLevelViewController，这样，在加载nib文件时候，当行控制器将于FirstLevelViewController一起实例化；NIB Name属性保持为空，不做更改

    

7.从开始文章截图上我们看到，第一级视图上，FirstLevel下面表视图单元格上左边有一个Image属性，我们可以创建一个UITableViewController子类，因为UITableViewController有UIImage属性，可以显示图片，而不是用UIImage属性直接添加每个子控制器中，然后子类化这个新类；

创建二级视图控制器，SecondLevelController，Subclass of 一栏选UITableViewController，然后添加UIImage属性

#import <UIKit/UIKit.h>

@interface SecondLevelViewController : UITableViewController

@property (strong,nonatomic) UIImage *rowImage;

@end

在.m文件中添加 @synthesize rowImage = _rowImage ;

8.实现FirstLevelViewController，

#import <UIKit/UIKit.h>

@interface FirstLevelViewController : UIViewController
                <UITableViewDelegate,UITableViewDataSource>

@property(strong,nonatomic) NSArray *controllers;

@end

- (void)viewDidLoad
{
    [super viewDidLoad];
    UITableView *tableView =[[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 416) style:UITableViewStylePlain];
    tableView.delegate = self;
    tableView.dataSource = self;
    [self.view addSubview:tableView];
    
    //    设置导航控制器标题，让用户知道当前所处位置
    self.title = @"First Level";
    NSMutableArray *array = [[NSMutableArray alloc]init];
    self.controllers = array;  
}

代理方法

#pragma mark -
#pragma mark Table Data Soursen Methods

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [self.controllers count];
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *FirstLevelCell = @"FirstLevelCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:FirstLevelCell];
    
    if (cell == nil) {
        cell= [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:FirstLevelCell];
    }
    
    NSUInteger row = [indexPath row];
    SecondLevelViewController *controller = [self.controllers objectAtIndex:row];
    cell.textLabel.text = controller.title;
    cell.imageView.image = controller.rowImage;
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    return cell;
}

#pragma mark -
#pragma mark Table View Delegate Methods

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSUInteger row = [indexPath row];
    SecondLevelViewController *nextController = [self.controllers objectAtIndex:row];
    [self.navigationController pushViewController:nextController animated:YES];
}

还需要添加头文件 #import "SecondLevelViewController.h"  以上完成应该是这样的

9.在新建一个控制器，DIsclosureViewController和DisclosureDetailViewController，第二个勾选生成XIB

#import <UIKit/UIKit.h>

@interface DisclosureDetailViewController : UIViewController

@property (strong,nonatomic) IBOutlet UILabel *label;
@property (nonatomic,copy) NSString *message;

@end
在DisclosureDetailViewController.xib文件拖一个UILabel，用于显示文字，进行关联
#import "DisclosureDetailViewController.h"
@interface DisclosureDetailViewController ()

@end

@implementation DisclosureDetailViewController
@synthesize label = _label;
@synthesize message =_message;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.
}

- (void)viewDidUnload
{
    [super viewDidUnload];
    
    self.label=nil;
    self.message = nil;
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

-(void) viewWillAppear:(BOOL)animated
{
    self.label.text = self.message;
    [super viewWillAppear:animated];
}

@end

11.为DIsclosureViewControoler填充代码

#import <UIKit/UIKit.h>
#import "SecondLevelViewController.h"
#import "DisclosureDetailViewController.h"

@interface DIsclosureButtonController :SecondLevelViewController<UITableViewDataSource,UITableViewDelegate>

@property (strong,nonatomic) NSArray *list;
@property (strong,nonatomic) DisclosureDetailViewController * childController;

@end

#import "DIsclosureButtonController.h"
#import "NavAppDelegate.h"
#import "DisclosureDetailViewController.h"

@implementation DIsclosureButtonController

@synthesize list =_list;
@synthesize childController=_childController;


-(void)viewDidLoad
{
    NSArray *array = [[NSArray alloc]initWithObjects:@"Toy Sooory",@"A Bug life",@"Toy Sooory2",@"Monsters,Inc",@"FInderDemo",@"The Incredibles",@"Cars",@"Ratatouille",@"WALL-E",@"Up",@"Toy SOOOry3",@"Brave",@"Down",@"cCao", nil];
    
    self.list =array;
    
    [super viewDidLoad];
}

-(void) viewDidUnload
{
    self.list=nil;
    self.childController=nil;
}


#pragma  mark -
#pragma mark Table Data Souce Methods

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [self.list count];
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *DisClosureButtonCellIdentfier= @"DisClosureButtonCellIdentier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:DisClosureButtonCellIdentfier];
    
    if (cell == nil) {
        cell= [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:DisClosureButtonCellIdentfier];
    }
    
    NSUInteger row = [indexPath row];
    NSString *rowString = [self.list objectAtIndex:row];
    cell.textLabel.text = rowString;
    cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;
        return cell;
}

#pragma mark -
#pragma mark Table Delegate Methods

-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Hey,do you see the disclosure button?"
                                                    message:@"if you are trying to drill down,touch that instaed"
                                                   delegate:nil
                                          cancelButtonTitle:@"wont't happed again"
                                          otherButtonTitles: nil];
    [alert show];
}

-(void) tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath
{
    if (self.childController == nil) {
        self.childController = [[DisclosureDetailViewController alloc]initWithNibName:@"DisclosureDetailViewController" bundle:nil];
    }
    self.childController.title =@"DisClosure Button Pressed";
    NSUInteger row = [indexPath row];
    NSString *selectedMovie = [self.list objectAtIndex:row];
    
    NSString *detailMessage = [[NSString alloc]initWithFormat:@"you pressed   the disclosure button for  %@",selectedMovie];
    
    self.childController.message = detailMessage;
    self.childController.title = selectedMovie;
    [self.navigationController pushViewController:self.childController animated:YES];
}

@end

附上代码:http://download.csdn.net/detail/duxinfeng2010/4428970