首页 > 代码库 > 【iOS7的一些总结】9、用列表显示内容（上）：列表视图UITableView

【iOS7的一些总结】9、用列表显示内容（上）：列表视图UITableView

2024-07-08 14:17:01   229人阅读

列表视图，顾名思义就是将数据的内容用列表的形式显示在屏幕上的视图。在ios中列表视图以UITableView实现，这个类在实际应用中非常的频繁，但是对于初学者来说不是非常容易理解。这里将UITableView的主要用法总结一下以备查。

UITableView定义在头文件UITableView.h中，具体的定义可以查看官方文档；从定义中可以看出，UITableView继承自UIScrollView类，因此在支持方便地显示列表数据的同时，还天生支持垂直滚动操作。组成列表的每一个元素称为UITableViewCell实例。一个UITableViewCell也是应用非常广泛的类，定义可见官方文档。在具体的使用过程中，可以创建一个独立的UITableView，也可以直接创建一个UITableViewController。这里主要记录创建UITableView的方法，下篇记录通过列表视图控制器使用UITableView。

UITableView类中定义了style属性：

@property(nonatomic, readonly) UITableViewStyle style
每一个UITableView都可以选择两种style之一，即分组模式和平面模式，这两种模式定义在枚举变量UITableViewStyle中：

typedef enum {
   UITableViewStylePlain,
   UITableViewStyleGrouped
} UITableViewStyle;

每一个列表视图的组成都是相似的，都是由一个表头视图+表体+表尾视图构成。其中表头和表尾两个视图默认为nil，需要时可以创建自定义视图添加到表头和表尾。定义如下：

@property(nonatomic, retain) UIView *tableHeaderView;
@property(nonatomic, retain) UIView *tableFooterView;
除表头和表尾之外，表体则由一串UITableViewCell（下面简称cell）构成。如果是分组表视图，则多个UITableViewCell构成一个section，每个section也有头和尾视图。

下面简单新建一个demo展示一下如何创建一个UITableView。这里假定大家都了解xcode的基本操作，所以就不再一步一步地截图了，简单叙述即可。不懂得可以去百度一下“xcode新建工程”。

新建一个single view application，在新生成的ViewController.m文件中重写loadView方法，新建一个UITableView视图。（别忘了把alloc的视图在dealloc函数中释放。）

- (void)loadView
{
    CGFloat width = [UIScreen mainScreen].bounds.size.width;
    CGFloat height = [UIScreen mainScreen].bounds.size.height;
    
    UIView *backgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, width,height)];
    self.view = backgroundView;
    
    _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, width, height) style:UITableViewStylePlain];
    [self.view addSubview:_tableView];
    [_tableView release];
}

编译运行，显示如下图：


表视图的协议方法——这是非常重要的部分，因为我们创建一个表视图，目的就是让视图可以显示数据，否则一个空空的表视图与废物无二。表视图所定义的协议方法由代理方法delegate和数据源方法data source方法组成。委托方法一般用于实现个性化处理表视图的基本样式（如单元格的高度等）以及捕捉单元格选中的响应；数据源方法用于完成表中的数据，如指定单元格数，以及创建每一个单元格。

要实现代理和数据源方法，首先需要让当前视图控制器支持UITableViewDelegate和UITableViewDataSource协议。做如下修改：

@interface ViewController ： UIViewController<UITableViewDelegate,UITableViewDataSource>
并且在tableView创建完成后，将tableView的delegate和dataSource设置为self，即委托给当前视图控制器来控制表视图的数据显示和响应。

_tableView.delegate = self;
_tableView.dataSource = self;

delegate和data source协议有两个方法是必须实现的：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
这两个方法分别用于生成每一个cell，以及指定当前section共有多少行。实现这两个方法是想要在表视图中显示数据必须实现的最低要求。

我们在视图控制器头文件中声明一个NSArray *model（retain属性），并在viewDidLoad中将[UIFont familyNames]赋给这个属性。

在视图控制器中实现这两个代理方法：

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

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *identify = @"TableViewCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identify];
    
    if (nil == cell)
    {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identify];
        cell.textLabel.text = self.model[indexPath.row];
    }
    
    return cell;
}
在cellForRowAtIndexPath方法中，首先会检查是否有闲置的单元格，如果没有闲置的单元格，则会新建一个cell并将其返回。参数indexPath表示目前正在创建的单元格位于整个表视图的第几行。
编译，运行，显示结果：


如果希望实现对选中某个单元格的响应，只需要实现下面代理方法即可。在代理方法中可以实现创建新的视图控制器并控制其加载到屏幕上。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;


联系
我们