7 高级UI控件-导航控制器与表视图

来源:互联网 发布:三星卡2搜索网络错误 编辑:程序博客网 时间:2024/04/29 13:59

7.1 导航控制器

7.2 创建第一级控制器

7.3 第一个二级控制器

7.4 第一个三级控制器

7.5 第二个二级表控制器

7.6 第三个二级表控制器

7.7 第四个二级表控制器

7.8 第五个二级表视图控制器

7.8 第六个二级表视图控制器

 

 

7.1 导航控制器

关于导航控制器和表视图

导航控制器和表视图密不可分。严格的说,要完成导航控制器的功能并不需要表视图。然而,在实际的应用程序中使用导航控制器时,几乎总是要实现至少一个表,并且通常多个表,因为导航控制器的强大之处在于它能够处理复杂的分层数据,在iPhone的小屏幕上,连续的使用表示分层数据最理想的方式。

wps_clip_image-5271

7.2 创建第一级控制器

一级控制器RootViewController还是一个UITableViewController,它并不是我们说的导航控制器,我们在委托Delegate中定义了导航控制器UINavigationController,事实上UINavigationController才真正意义的根控制器。

RootViewController.h

复制代码
#import <UIKit/UIKit.h>@interface RootViewController : UITableViewController {    NSArray *controllers;}@property (nonatomic, retain) NSArray *controllers;@end
复制代码

RootViewController.m

复制代码
@implementation RootViewController@synthesize controllers;- (void)viewDidLoad {    self.title = @"First Level";    NSMutableArray *array = [[NSMutableArray alloc] init];    //增加控制器    //    self.controllers = array;    [array release];    [super viewDidLoad];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];}- (void)viewDidUnload {}- (void)dealloc {    [super dealloc];}        
复制代码

实现TableView数据源方法

复制代码
#pragma mark Table view data source// Customize the number of sections in the table view.- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [controllers count];}// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView          cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];    }        NSInteger row = [indexPath row];    SecondLevelViewController *controller = [controllers objectAtIndex:row];    cell.textLabel.text =  controller.title;    cell.imageView.image = controller.rowImage;    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;        return cell;}
复制代码

cell.accessoryType属性设定表视图单元格扩展图标类型。单元格扩展图标类型:

UITableViewCellAccessoryNone,没有扩展图标;

UITableViewCellAccessoryDisclosureIndicator,扩展指示器,触摸该图标将切换到下一级表视图,图标为wps_clip_image-19307

UITableViewCellAccessoryDetailDisclosureButton,细节展示按钮,触摸该行将显示当前行的更多详细信息视图,图标为wps_clip_image-30087

UITableViewCellAccessoryCheckmark,选中标志,当选中某一行时候标志该行,图标为wps_clip_image-18845

实现TableView委托方法

复制代码
#pragma mark -#pragma mark Table view delegate- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {        NSInteger row = [indexPath row];    SecondLevelViewController *nextController = [self.controllers objectAtIndex:row];    [self.navigationController pushViewController:nextController animated:YES];}
复制代码

二级表视图控制器

由于二级控制器也是表视图控制器,而且我们需要在为每个页面指定一个图片,所以我们定义了一个父类SecondLevelViewController

SecondLevelViewController

@interface SecondLevelViewController : UITableViewController {    UIImage *rowImage;}@property (nonatomic, retain) UIImage *rowImage;@end
复制代码
#import "SecondLevelViewController.h"@implementation SecondLevelViewController@synthesize rowImage;@end
复制代码

7.3 第一个二级控制器

wps_clip_image-9186

DisclosureButtonController.h

复制代码
#import <Foundation/Foundation.h>#import "SecondLevelViewController.h"#import "DisclosureDetailController.h"@interface DisclosureButtonController : SecondLevelViewController {    NSArray *listData;    DisclosureDetailController *childController;}@property (nonatomic,retain) NSArray *listData;@property (nonatomic, retain) DisclosureDetailController *childController;@end
复制代码

DisclosureButtonController.m

复制代码
#import "DisclosureButtonController.h"#import "SecondLevelViewController.h"@implementation DisclosureButtonController@synthesize listData;@synthesize childController;- (void)viewDidLoad {    NSArray *array = [[NSArray alloc] initWithObjects:@"Toy Story",                      @"A Bug's Life", @"Toy Story 2", @"Monsters, Inc.",                       @"Finding Nemo", @"The Incredibles", @"Cars",                       @"Ratatouille", @"WALL-E", @"Up", @"Toy Story 3",                      @"Cars 2", @"The Bear and the Bow", @"Newt", nil];    self.listData = array;    [array release];        [super viewDidLoad];}- (void)viewDidUnload {    self.listData = nil;    self.rowImage = nil;}- (void)dealloc {    [listData release];    [rowImage release];    [super dealloc];}
复制代码

实现TableView数据源方法

复制代码
#pragma mark -#pragma mark Table view data source// Customize the number of sections in the table view.- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [listData count];}
复制代码
复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView          cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];    }        NSInteger row = [indexPath row];    NSString *title = [listData objectAtIndex:row];    cell.textLabel.text =  title;    //cell.imageView.image = controller.rowImage;    cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;        return cell;}
复制代码

实现TableView委托方法

复制代码
#pragma mark -#pragma mark Table view delegate- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {    if (childController == nil) {        childController = [[DisclosureDetailController alloc]                            initWithNibName:@"DisclosureDetailController"                            bundle:nil];    }    //childController.title = @"DisclosureDetail Button Pressed";    NSInteger row = [indexPath row];    NSString *selectedMessage = [listData objectAtIndex:row];        NSString *message = [[NSString alloc] initWithFormat:@"你选择了 %@ 按钮。", selectedMessage];    childController.message = message;    childController.title = selectedMessage;        [message release];        [self.navigationController pushViewController:childController animated:YES];}
复制代码

上面的委托方法,是用户选中单元格后触发的方法。

[self.navigationController pushViewController:childController animated:YES];

是将详细视图控制器放置到导航控制器栈中,并以动画效果显示详细视图。

RootViewController中 viewDidLoad方法

复制代码
    //增加细节扩展按钮控制器    DisclosureButtonController *disclosureButtonController = [[DisclosureButtonController alloc]                                                 initWithStyle:UITableViewStylePlain];        disclosureButtonController.title = @"Disclosure Buttons";    disclosureButtonController.rowImage = [UIImage imageNamed:@"disclosureButtonControllerIcon.png"];    [array addObject:disclosureButtonController];    [disclosureButtonController release];
复制代码

7.4 第一个三级控制器

wps_clip_image-11346

DisclosureDetailController.h

复制代码
@interface DisclosureDetailController : UIViewController {    UILabel *label;    NSString *message;}@property (nonatomic, retain) IBOutlet UILabel *label;@property (nonatomic, retain) NSString *message;@end
复制代码

message从上一个屏幕传递过来的消息 label显示消息的控件。

m文件中的初始化方法

复制代码
@implementation DisclosureDetailController@synthesize message;@synthesize label;// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.- (void)viewWillAppear:(BOOL)animated {    label.text = message;    [super viewWillAppear:animated];}
复制代码

不要使用viewDidLoad 方法,而是使用viewWillAppear:animated:方法,该方法是在屏幕出现时候调用。

m文件中释放方法

复制代码
- (void)viewDidUnload {    [super viewDidUnload];    self.message = nil;    self.label = nil;}- (void)dealloc {    [message release];    [label release];    [super dealloc];}
复制代码

7.5 第二个二级表控制器

wps_clip_image-23234

CheckListController.h

复制代码
#import <UIKit/UIKit.h>#import "SecondLevelViewController.h"@interface CheckListController : SecondLevelViewController {    NSArray *listData;    NSIndexPath *lastIndexPath;}@property (nonatomic, retain) NSArray *listData;@property (nonatomic, retain) NSIndexPath *lastIndexPath;@end
复制代码

CheckListController.m

 

复制代码
- (void)viewDidLoad {    NSArray *array = [[NSArray alloc] initWithObjects:@"Who Hash",                      @"Bubba Gump Shrimp Étouffée", @"Who Pudding", @"Scooby Snacks",                      @"Everlasting Gobstopper", @"Green Eggs and Ham", @"Soylent Green",                      @"Hard Tack", @"Lembas Bread",  @"Roast Beast", @"Blancmange", nil];    self.listData = array;    [array release];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];}- (void)viewDidUnload {    self.listData = nil;    self.lastIndexPath = nil;}- (void)dealloc {    [listData release];    [lastIndexPath release];    [super dealloc];}
复制代码

实现TableView数据源方法

复制代码
#pragma mark Table view methods- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [listData count];}
复制代码

 

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];    }        NSInteger row = [indexPath row];//    NSInteger oldRow = [lastIndexPath row];        cell.textLabel.text = [listData objectAtIndex:row];//    cell.accessoryType = (row == oldRow && lastIndexPath != nil) ? //            UITableViewCellAccessoryCheckmark : UITableViewCellAccessoryNone;       return cell;}
复制代码

 

实现TableView委托方法

复制代码
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {        int newRow = [indexPath row];    int oldRow = (lastIndexPath != nil) ? [lastIndexPath row] : -1;        if (newRow != oldRow) {        UITableViewCell *newCell = [tableView cellForRowAtIndexPath:indexPath];        newCell.accessoryType = UITableViewCellAccessoryCheckmark;                UITableViewCell *oldCell = [tableView cellForRowAtIndexPath:lastIndexPath];        oldCell.accessoryType = UITableViewCellAccessoryNone;                lastIndexPath = indexPath;    }    }
复制代码

 

int oldRow = (lastIndexPath != nil) ? [lastIndexPath row] : -1;

获得上次选择的单元格行,如果lastIndexPath为nil这设置为-1

newCell.accessoryType = UITableViewCellAccessoryCheckmark;

设置新单元格为UITableViewCellAccessoryCheckmark oldCell.accessoryType = UITableViewCellAccessoryNone;

设置旧单元格为UITableViewCellAccessoryNone

RootViewController中 viewDidLoad方法

复制代码
    //增加check控制器    CheckListController *checkListController = [[CheckListController alloc]                                                               initWithStyle:UITableViewStylePlain];        checkListController.title = @"Check One";    checkListController.rowImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"];    [array addObject:checkListController];    [checkListController release];
复制代码

 

7.6 第三个二级表控制器

wps_clip_image-18138

RowControlsController.h

复制代码
#import <UIKit/UIKit.h>#import "SecondLevelViewController.h"@interface RowControlsController : SecondLevelViewController {    NSArray *listData;}@property (nonatomic, retain) NSArray *listData;-(IBAction)buttonTapped:(id)sender;@end
复制代码

 

RowControlsController.m

复制代码
@implementation RowControlsController@synthesize listData;-(IBAction)buttonTapped:(id)sender {    UIButton *senderButton = (UIButton *)sender;    UITableViewCell *buttonCell = (UITableViewCell *)[senderButton superview];        NSInteger buttonRow = [[self.tableView indexPathForCell:buttonCell] row];    NSString *rowTitle = [listData objectAtIndex:buttonRow];        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"点击Button"                                         message:[NSString stringWithFormat:@"你点击的Button是 %@",rowTitle]                                        delegate:self                                         cancelButtonTitle:@"Ok"                                         otherButtonTitles:nil];    [alert show];    [alert release];}- (void)viewDidLoad {    NSArray *array = [[NSArray alloc] initWithObjects:@"R2-D2",                      @"C3PO", @"Tik-Tok", @"Robby", @"Rosie", @"Uniblab",                      @"Bender", @"Marvin", @"Lt. Commander Data",                       @"Evil Brother Lore", @"Optimus Prime", @"Tobor", @"HAL",                       @"Orgasmatron", nil];    self.listData = array;    [array release];}- (void)viewDidUnload {    self.listData = nil;}- (void)dealloc {    [listData release];    [super dealloc];}
复制代码

 

实现TableView数据源方法

复制代码
#pragma mark Table view methods- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [listData count];}
复制代码

 

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];                UIImage *buttonUpImage = [UIImage imageNamed:@"button_up.png"];        UIImage *buttonDownImage = [UIImage imageNamed:@"button_down.png"];                UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];        button.frame = CGRectMake(0.0f, 0.0f, buttonUpImage.size.width, buttonUpImage.size.height);        [button setBackgroundImage:buttonUpImage forState:UIControlStateNormal];        [button setBackgroundImage:buttonDownImage forState:UIControlStateHighlighted];        [button setTitle:@"Tap" forState:UIControlStateNormal];        [button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside];                cell.accessoryView = button;    }    NSInteger row = [indexPath row];    NSString *rowTitle = [listData objectAtIndex:row];    cell.textLabel.text = rowTitle;        return cell;}
复制代码

 

由于我们没有nib文件,所以按钮要通过代码自己写按钮, 如下:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

指定按钮的边框大小:

button.frame = CGRectMake(0.0f, 0.0f, buttonUpImage.size.width, buttonUpImage.size.height);

设定按钮正常状态时候背景图片

[button setBackgroundImage:buttonUpImage forState:UIControlStateNormal];

设定按钮高亮状态时候背景图片

[button setBackgroundImage:buttonDownImage forState:UIControlStateHighlighted];

button setTitle:@"Tap" forState:UIControlStateNormal 设置按钮正常状态时候的title内容。

[button addTarget:self action:@selector(buttonTapped:)   forControlEvents:UIControlEventTouchUpInside];

由于没有nib文件按钮事件不能通过IB设计工具添加,要通过代码实现与按钮事件的处理。

cell.accessoryView = button;

把按钮对象赋给单元格的accessoryView(扩展视图)。

wps_clip_image-14518

实现TableView委托方法

复制代码
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {        NSInteger buttonRow = [indexPath row];    NSString *rowTitle = [listData objectAtIndex:buttonRow];        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"点击Row"                                         message:[NSString stringWithFormat:@"你点击的Row是 %@",rowTitle]                                        delegate:self                                         cancelButtonTitle:@"Ok"                                         otherButtonTitles:nil];    [alert show];    [alert release];    }
复制代码

 

RowControlsController.m

复制代码
-(IBAction)buttonTapped:(id)sender {    UIButton *senderButton = (UIButton *)sender;    UITableViewCell *buttonCell = (UITableViewCell *)[senderButton superview];        NSInteger buttonRow = [[self.tableView indexPathForCell:buttonCell] row];    NSString *rowTitle = [listData objectAtIndex:buttonRow];        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"点击Button"                                         message:[NSString stringWithFormat:@"你点击的Button是 %@",rowTitle]                                        delegate:self                                         cancelButtonTitle:@"Ok"                                         otherButtonTitles:nil];    [alert show];    [alert release];}- (void)viewDidLoad {    NSArray *array = [[NSArray alloc] initWithObjects:@"R2-D2",                      @"C3PO", @"Tik-Tok", @"Robby", @"Rosie", @"Uniblab",                      @"Bender", @"Marvin", @"Lt. Commander Data",                       @"Evil Brother Lore", @"Optimus Prime", @"Tobor", @"HAL",                       @"Orgasmatron", nil];    self.listData = array;    [array release];}
复制代码

 

buttonTapped:方法,是点击单元格中的按钮触发事件。

UITableViewCell *buttonCell = (UITableViewCell *)[senderButton superview];

其中superview获得父控件,即表视图单元格。

NSInteger buttonRow = [[self.tableView indexPathForCell:buttonCell] row];

其中获得选择的单元格中的按钮所在的单元格行数。

RootViewController中 viewDidLoad方法

复制代码
    //增加Row控制器    RowControlsController *rowControlsController = [[RowControlsController alloc]                                                 initWithStyle:UITableViewStylePlain];        rowControlsController.title = @"Row Controls";    rowControlsController.rowImage = [UIImage imageNamed:@"rowControlsIcon.png"];    [array addObject:rowControlsController];    [rowControlsController release];
复制代码

 

7.7 第四个二级表控制器

wps_clip_image-10611

MoveMeController.h

复制代码
#import <UIKit/UIKit.h>#import "SecondLevelViewController.h"@interface MoveMeController : SecondLevelViewController {    NSMutableArray *listData;}@property (nonatomic, retain) NSMutableArray *listData;-(IBAction)toggleMove;@end
复制代码

 

MoveMeController.m

复制代码
@implementation MoveMeController@synthesize listData;-(IBAction)toggleMove {        [self.tableView setEditing:!self.tableView.editing animated:YES];        if (self.tableView.editing) {        [self.navigationItem.rightBarButtonItem setTitle:@"Done"];    } else {        [self.navigationItem.rightBarButtonItem setTitle:@"Move"];    }    }#pragma mark -#pragma mark Memory management- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];}- (void)viewDidUnload {    self.listData = nil;}- (void)dealloc {    [listData release];    [super dealloc];}
复制代码

 

 
toggleMove方法,是点击导航控制器右边按钮时候触发事件,如果表单元格处于编辑状态时候,设为不可编辑,反之可以编辑单元格。

MoveMeController.m

复制代码
#pragma mark -#pragma mark View lifecycle- (void)viewDidLoad {    if (listData == nil) {        NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:                             @"Eeny", @"Meeny", @"Miney", @"Moe", @"Catch", @"A",                              @"Tiger", @"By", @"The", @"Toe", nil];        self.listData = array;        [array release];       }        UIBarButtonItem *moveButton = [[UIBarButtonItem alloc]                                    initWithTitle:@"Move"                                    style:UIBarButtonItemStyleBordered                                    target:self                                    action:@selector(toggleMove)];    self.navigationItem.rightBarButtonItem = moveButton;    [moveButton release];    [super viewDidLoad];}
复制代码

 

实现TableView数据源方法

复制代码
#pragma mark -#pragma mark Table view data source- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    // Return the number of sections.    return 1;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    // Return the number of rows in the section.    return [listData count];}
复制代码

 

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView          cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];        //cell.showsReorderControl = YES;    }    NSInteger row = [indexPath row];    cell.textLabel.text = [listData objectAtIndex:row];        return cell;}
复制代码

 

复制代码
// Override to support rearranging the table view.- (void)tableView:(UITableView *)tableView       moveRowAtIndexPath:(NSIndexPath *)fromIndexPath       toIndexPath:(NSIndexPath *)toIndexPath {        NSInteger fromRow = [fromIndexPath row];    NSInteger toRow = [toIndexPath row];        id object = [listData objectAtIndex:fromRow];//[[listData objectAtIndex:fromRow] retain];    [listData removeObjectAtIndex:fromRow];    [listData insertObject:object atIndex:toRow];        //[object release];    }
复制代码

 

// Override to support conditional rearranging of the table view.- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {    // Return NO if you do not want the item to be re-orderable.    return YES;}

 

控制单元格行是否可以移动,本例中我们是可以移动所有行。

实现TableView委托方法

复制代码
#pragma mark -#pragma mark Table view delegate- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView            editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {    return UITableViewCellEditingStyleNone;}
复制代码

 

我们希望能够对行重新排序,不过不希望用户能够删除或插入行,因此,我们实现了上面的委托方法,通过这个方法,表视图可以询问指定的行是否可以被删除,或是否可以将新行插入到指定的位置。通过为每一行返回

UITableViewCellEditingStyleNone,表示我们不支持插入或删除任何行。

RootViewController中 viewDidLoad方法

复制代码
    //增加Move控制器    MoveMeController *moveMeController = [[MoveMeController alloc]                                                     initWithStyle:UITableViewStylePlain];        moveMeController.title = @"Move Me";    moveMeController.rowImage = [UIImage imageNamed:@"moveMeIcon.png"];    [array addObject:moveMeController];    [moveMeController release];
复制代码

 

7.8 第五个二级表视图控制器

wps_clip_image-12615

DeleteMeController.h

复制代码
#import <UIKit/UIKit.h>#import "SecondLevelViewController.h"@interface DeleteMeController : SecondLevelViewController {    NSMutableArray *listData;}@property (nonatomic, retain) NSMutableArray *listData;-(IBAction)toggleMove;@end
复制代码

 

DeleteMeController.m

复制代码
@implementation DeleteMeController@synthesize listData;-(IBAction)toggleMove {        [self.tableView setEditing:!self.tableView.editing animated:YES];        if (self.tableView.editing) {        [self.navigationItem.rightBarButtonItem setTitle:@"Done"];    } else {        [self.navigationItem.rightBarButtonItem setTitle:@"Move"];    }    }- (void)dealloc {    [listData release];    [super dealloc];}
复制代码

 

toggleMove方法,是点击导航控制器右边按钮时候触发事件,如果表单元格处于编辑状态时候,设为不可编辑,反之可以编辑单元格。

DeleteMeController.m

复制代码
- (void)viewDidLoad {        if (listData == nil) {        NSString *path = [[NSBundle mainBundle] pathForResource:@"computers" ofType:@"plist"];        NSMutableArray *array = [[NSMutableArray alloc] initWithContentsOfFile:path];                self.listData = array;        [array release];    }        UIBarButtonItem *editButton = [[UIBarButtonItem alloc] initWithTitle:@"Delete"                                                 style:UIBarButtonItemStyleBordered                                                 target:self                                                 action:@selector(toggleMove)];    self.navigationItem.rightBarButtonItem = editButton;    [editButton release];}
复制代码

 

实现TableView数据源方法

复制代码
#pragma mark -#pragma mark Table view data source- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    // Return the number of sections.    return 1;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    // Return the number of rows in the section.    return [listData count];}
复制代码

 

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                        reuseIdentifier:CellIdentifier] autorelease];    }        NSInteger row = [indexPath row];    cell.textLabel.text = [listData objectAtIndex:row];        return cell;}
复制代码

 

复制代码
// Override to support editing the table view.- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {        if (editingStyle == UITableViewCellEditingStyleDelete) {        NSInteger row = [indexPath row];        [self.listData removeObjectAtIndex:row];        // Delete the row from the data source        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];    }    }
复制代码

 

-(void)tableView:(UITableView *)tableView commitEditingStyle:

(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath 

该委托方法是实现删除和插入功能。

RootViewController中 viewDidLoad方法

复制代码
    //增加Delete控制器    DeleteMeController *deleteMeController = [[DeleteMeController alloc]                                           initWithStyle:UITableViewStylePlain];        deleteMeController.title = @"Delete Me";    deleteMeController.rowImage = [UIImage imageNamed:@"deleteMeIcon.png"];    [array addObject:deleteMeController];    [deleteMeController release];
复制代码

 

7.9 第六个二级表视图控制器

wps_clip_image-22580

TeamsViewController.h

复制代码
#import <UIKit/UIKit.h>#import "SecondLevelViewController.h"@interface TeamsViewController : SecondLevelViewController {    NSArray *listData;}@property (nonatomic, retain) NSArray *listData;@end
复制代码

 

TeamsViewController.m

复制代码
#import "TeamsViewController.h"#import "TeamsViewController.h"#import "TeamsDetailController.h"@implementation TeamsViewController@synthesize listData;- (void)viewDidLoad {    NSString *path = [[NSBundle mainBundle] pathForResource:@"teamdictionary" ofType:@"plist"];    NSDictionary *dict = [[NSDictionary alloc] initWithContentsOfFile:path];    self.listData =  [dict allKeys];    [dict release];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];}- (void)viewDidUnload {    self.listData = nil;}- (void)dealloc {    [listData release];    [super dealloc];}
复制代码

 

实现TableView数据源方法

复制代码
#pragma mark Table view methods- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [listData count];}
复制代码

 

实现TableView数据源方法

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];    }    NSInteger row = [indexPath row];    NSString *title = [listData objectAtIndex:row];    cell.textLabel.text = title;    return cell;}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {        NSInteger row = [indexPath row];    NSString *groupName = [listData objectAtIndex:row];        NSString *path = [[NSBundle mainBundle] pathForResource:@"teamdictionary" ofType:@"plist"];    NSDictionary *dict = [[NSDictionary alloc] initWithContentsOfFile:path];        TeamsDetailController *detailController = [[TeamsDetailController alloc]                                                    initWithStyle:UITableViewStyleGrouped];        detailController.listData = [dict objectForKey:groupName];        [dict release];        //[array release];    // Navigation logic may go here. Create and push another view controller.     [self.navigationController pushViewController:detailController animated:YES];     [detailController release];}
复制代码

可编辑表视图控制器

wps_clip_image-12993

TeamsDetailController.h

复制代码
#import <UIKit/UIKit.h>#define TEAM1  1#define TEAM2  2#define TEAM3  3#define TEAM4  4#define LABLE_TAG 45678@interface TeamsDetailController : UITableViewController <UITextFieldDelegate> {    NSArray *listData;    NSMutableArray *teamsData;    NSArray *fieldLables;}@property (nonatomic, retain) NSArray *listData;@property (nonatomic, retain) NSArray *fieldLables;@property (nonatomic, retain) NSMutableArray *teamsData;-(IBAction)cancel:(id)sender;-(IBAction)save:(id)sender;-(IBAction)textFieldDone:(id)sender;@end
复制代码

 

TeamsDetailController.m

复制代码
#import "TeamsDetailController.h"@implementation TeamsDetailController@synthesize listData;@synthesize fieldLables;@synthesize teamsData;-(IBAction)cancel:(id)sender {    [self.navigationController popViewControllerAnimated:YES];}-(IBAction)save:(id)sender {        for (UIView *oneView in self.tableView.subviews) {        if ([oneView isMemberOfClass:[UITableViewCell class]]) {            UITableViewCell *cell = (UITableViewCell *)oneView;            for (UIView *twoView in cell.contentView.subviews) {                if ([twoView isMemberOfClass:[UITextField class]]) {                    UITextField *textField = (UITextField *)twoView;                    NSLog(@"行 %i -- value %@", textField.tag ,textField.text);                }            }        }    }        [self.navigationController popViewControllerAnimated:YES];    }
复制代码

 

复制代码
-(IBAction)textFieldDone:(id)sender {    [sender resignFirstResponder];    }- (void)viewDidUnload {    self.listData = nil;    self.teamsData = nil;    self.fieldLables = nil;    self.listData = nil;}- (void)dealloc {    [listData release];    [teamsData release];    [fieldLables release];    [super dealloc];}
复制代码

 

复制代码
- (void)viewDidLoad {    teamsData = [[NSMutableArray alloc] init];    for (id name in listData) {        [teamsData addObject:name];    }        NSArray *array = [[NSArray alloc] initWithObjects:@"第一队:",@"第二队:",@"第三队:",@"第四队:", nil];    self.fieldLables = array;    [array release];        UIBarButtonItem *cancelButton = [[UIBarButtonItem alloc]                                     initWithTitle:@"Cancel"                                     style:UIBarButtonItemStyleBordered                                     target:self                                     action:@selector(cancel:)];    self.navigationItem.leftBarButtonItem = cancelButton;    [cancelButton release];        UIBarButtonItem *saveButton = [[UIBarButtonItem alloc]                                      initWithTitle:@"Save"                                      style:UIBarButtonItemStyleBordered                                      target:self                                      action:@selector(save:)];    self.navigationItem.rightBarButtonItem = saveButton;    [saveButton release];    }- (void)didReceiveMemoryWarning {    // Releases the view if it doesn't have a superview.    [super didReceiveMemoryWarning];        // Release any cached data, images, etc that aren't in use.}
复制代码

 

实现TableView数据源方法

复制代码
#pragma mark Table view methods- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {    return 1;}// Customize the number of rows in the table view.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return [teamsData count];}
复制代码

 

 

复制代码
// Customize the appearance of table view cells.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {        static NSString *CellIdentifier = @"Cell";        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {                cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 75, 25)];        label.textAlignment = UITextAlignmentRight;        label.tag = LABLE_TAG;        label.font = [UIFont boldSystemFontOfSize:14];        [cell.contentView addSubview:label];                [label release];                UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(90, 12, 200, 25)];        textField.clearsOnBeginEditing = NO;        [textField setDelegate:self];        textField.returnKeyType = UIReturnKeyDone;        [textField addTarget:self action:@selector(textFieldDone:) forControlEvents:UIControlEventEditingDidEndOnExit];                [cell.contentView addSubview:textField];                [textField release];            }        NSInteger row = [indexPath row];        UILabel *label = (UILabel *)[cell viewWithTag:LABLE_TAG];    UITextField *textField = nil;    for (UIView *oneView in cell.contentView.subviews) {        if ([oneView isMemberOfClass:[UITextField class]]) {            textField = (UITextField *)oneView;        }    }    label.text = [fieldLables objectAtIndex:row];    textField.text = [listData objectAtIndex:row];    textField.tag = row;        return cell;}
复制代码

 

实现TableView委托方法

#pragma mark 文本字段控件的委托方法 - (void)textFieldDidEndEditing:(UITextField *)textField {    NSLog(@"修改 行 %i -- value %@", textField.tag ,textField.text);}

 

RootViewController中 viewDidLoad方法

复制代码
    //增加可编辑详细窗格控制器    TeamsViewController *teamsViewController = [[TeamsViewController alloc]                                               initWithStyle:UITableViewStylePlain];        teamsViewController.title = @"Detail Edit";    teamsViewController.rowImage = [UIImage imageNamed:@"detailEditIcon.png"];    [array addObject:teamsViewController];    [teamsViewController release];
复制代码
0 0
原创粉丝点击