iPhone开发之TableView

TableView用来展示数据，但有一个特点就是只有一维的，因为屏幕小，显示的范围有限。在一维的表格中又可以分为区域（section）和行（row）。

打开Xcode 4.2，新建一个“Empty Application”，命名为“SimpleTableDemo”，选中项目，新建文件“Cocoa Touch -> UIViewController subclass”，命名为“MyTableViewController”，Subclass of选择“UITableViewController”并选中“with XIB for user interface”。

打开AppDelegate.m文件，修改程序启动时显示view，代码如下：

#import "AppDelegate.h"
#import "MyTableViewController.h"

@implementation AppDelegate

@synthesize window = _window;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
MyTableViewController *mtvc = [[MyTableViewController alloc] initWithStyle:UITableViewStyleGrouped];
[self.window addSubview: mtvc.view];
[self.window makeKeyAndVisible];
return YES;
}
...

这时候运行程序只显示一个空白视图，这是为什么



因为UITableView有两个方法还没有实现numberOfSectionsInTableView（返回区域数量）和tableView:numberOfRowsInSection:（返回某区域内的行数）

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
#warning Potentially incomplete method implementation.
// Return the number of sections.
return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
#warning Incomplete method implementation.
// Return the number of rows in the section.
return 5;
}

这时再运行就显示表格了，只是这个表格内容是空的



现在添加数据到表格中，我们要添加自定义类型数据，创建一个模型类Article，它有两个属性，title和body，代码如下：

//  Article.h 文件
#import <Foundation/Foundation.h>

@interface Article : NSObject
{
NSString *title;
NSString *body;
}

@property(nonatomic, copy) NSString *title;
@property(nonatomic, copy) NSString *body;

- (id) initWithTitle: (NSString *) newTitle
body: (NSString *) newBody;
@end

//  Article.m 文件

#import "Article.h"

@implementation Article
@synthesize title;
@synthesize body;

- (id) initWithTitle:(NSString *)newTitle body:(NSString *)newBody
{
self = [super init];
if (nil != self) {
self.title = newTitle;
self.body = newBody;
}

return self;
}

- (void) dealloc
{
self.title = nil;
self.body = nil;
[super dealloc];
}

@end

接着我们创建一个数组articleList，数组的类型为Article，并加载数组到表格中

//  MyTableViewController.h 文件

#import <UIKit/UIKit.h>

@interface MyTableViewController : UITableViewController
{
NSMutableArray *articleList;
}

@end

//  MyTableViewController.m 文件

@implementation MyTableViewController
//　在viewDidLoad函数中初始化数组变量articleList
- (void)viewDidLoad
{
[super viewDidLoad];
articleList = [[NSMutableArray alloc] init];
Article *article_1 = [[Article alloc] initWithTitle:@"demo1 title" body:@"description demo1"];
[articleList addObject:article_1];
Article *article_2 = [[Article alloc] initWithTitle:@"haha title" body:@"description haha"];
[articleList addObject:article_2];
[article_1 release];
[article_2 release];
}

// 返回行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return [articleList count];
}

// 配置单元格
- (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];
//这里可以设置单元风格
//cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
}

// Configure the cell...
Article *article = [articleList objectAtIndex:indexPath.row];
[cell.textLabel setText:article.title];

return cell;
}

@end

运行效果如下：





UITableView还有一个横扫表格行，显示删除按钮，用来删除行



只要实现tableView:commitEditingStyle:forRowAtIndexPath方法，其实XCode帮我们生成了一个模板代码，我们只要把注释去掉就行了

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
if (editingStyle == UITableViewCellEditingStyleDelete) {
// Delete the row from the data source
[tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
else if (editingStyle == UITableViewCellEditingStyleInsert) {
// Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
}
}

这个时候点击”Delete”按钮，程序不能正常删除，原因在于我们在tableView:numberOfRowsInSection方法中返回[articleList count]，视图上是删除了，行数上没有删除，计算时出错了，正确的处理应该先删除数据源里面的数据，再删除表格行，代码如下：

// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
if (editingStyle == UITableViewCellEditingStyleDelete) {
// Delete the row from the data source
[articleList removeObjectAtIndex: indexPath.row];
[tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
else if (editingStyle == UITableViewCellEditingStyleInsert) {
// Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
}
}

完整代码

下载

转自：http://wangliang.me/?p=315