iPhone UITableView

MOKA

于 2014-05-18 15:05:22 发布

阅读量561

点赞数

分类专栏： iOS

iOS 专栏收录该内容

384 篇文章

订阅专栏

本文介绍如何使用UITableView创建简单列表，并实现数据加载与用户点击反馈。通过实现UITableViewDataSource与UITableViewDelegate协议，完成列表数据填充及响应用户操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UITableView是iPhone中比较常用的，用的比较多的控件，下面我们使用UITableView创建一个简单的表格，效果如下：

如果要表格中增加数据的话，需要增加UITableViewDataSource协议。

如果需要响应用户单击的话，需要增加UITableViewDelegate协议。

1、创建项目：使用模板Single View Application新建一个项目，仅支持iPhone。

2、在ViewController.h中增加UITableViewDataSource和UITableViewDelegate协议，如下：

[cpp]
#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UITableViewDataSource, UITableViewDelegate> {

NSArray * listData;
}

@property ( nonatomic, retain) NSArray *listData;

@end

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UITableViewDataSource, UITableViewDelegate> {

NSArray * listData;
}

@property ( nonatomic, retain) NSArray *listData;

@end

3、往列表中增加数据，实现UITableViewDataSource协议，如下：

[cpp] view plaincopyprint?//返回总行数
-(NSInteger ) tableView:(UITableView *)tableView

numberOfRowsInSection:(NSInteger )section

{
    return [ self.listData count ];

}

// 添加每一行的信息
- (UITableViewCell *) tableView:(UITableView *)tableView
          cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    NSString *tag=@"tag";

    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:tag];

    if (cell==nil ) {
        cell=[[[ UITableViewCell alloc ] initWithFrame : CGRectZero
                                        reuseIdentifier:tag] autorelease];
    }

    NSUInteger row=[indexPath row];

    //设置文本
    cell.text =[listData objectAtIndex :row];

    //选中后的颜色又不发生改变，进行下面的设置
    //cell.selectionStyle = UITableViewCellSelectionStyleNone;

    //不需要分割线
    //tableView.separatorStyle=UITableViewCellSeparatorStyleNone;

    return cell;

}

4、响应用户单击事件，实现UITableViewDelegate协议，如下：

[cpp]
//响应用户单击事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

    UIAlertView* showSelection;
    NSString* message;

    message = [[NSString alloc]initWithFormat:@"You chose the : %@",
                     [self.listData objectAtIndex:indexPath.row]];

    showSelection = [[UIAlertView alloc]
                     initWithTitle:@"Selected"
                     message:message
                     delegate:nil
                     cancelButtonTitle:@"OK"
                     otherButtonTitles:nil];

    [showSelection autorelease];
    [showSelection show];
}

5、往ViewController中增加UITableView，并将UITableView的delegate和dataSource连接到ViewController。如下图所示：

6、完整的代码如下：

[cpp]
#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

@synthesize listData;

- (void)viewDidLoad
{

    self.listData =[[NSArray alloc] initWithObjects:@"Item1",@"Item2",@"Item3", @"Item4", @"Item5", @"Item6", @"Item7",nil];;

    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}

- (void)viewDidUnload
{
    self.listData = nil;

    [super viewDidUnload];
    // Release any retained subviews of the main view.
}

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

#pragma mark - Table view data source delegate

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

// 添加每一行的信息
- (UITableViewCell *) tableView:(UITableView *)tableView
          cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    NSString *tag=@"tag";

    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:tag];

    if (cell==nil ) {
        cell=[[[ UITableViewCell alloc ] initWithFrame : CGRectZero
                                        reuseIdentifier:tag] autorelease];
    }

    NSUInteger row=[indexPath row];

    //设置文本
    cell.text =[listData objectAtIndex :row];

    //选中后的颜色又不发生改变，进行下面的设置
    //cell.selectionStyle = UITableViewCellSelectionStyleNone;

    //不需要分割线
    //tableView.separatorStyle=UITableViewCellSeparatorStyleNone;

    return cell;

}

#pragma mark - Table view data delegate

//响应用户单击事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

    UIAlertView* showSelection;
    NSString* message;

    message = [[NSString alloc]initWithFormat:@"You chose the : %@",
                     [self.listData objectAtIndex:indexPath.row]];

    showSelection = [[UIAlertView alloc]
                     initWithTitle:@"Selected"
                     message:message
                     delegate:nil
                     cancelButtonTitle:@"OK"
                     otherButtonTitles:nil];

    [showSelection autorelease];
    [showSelection show];
}