黑马程序员_iOS 的高级控件之UITableView基本应用

iOS，Android，Java培训，期待与您的交流
iOS应用开发的一项内容就是用户界面的开发。不管应用程序实际包含的逻辑有多复杂，如果这个应用程序没有提供友好的图形用户界面，將很难吸引用户。作为一个程序设计者，必须优先考虑用户的感受，一定要让用户感到爽，这个应用程序才有价值。
1    UITableView的基本概念
表视图是iOS开发中使用最频繁的视图。一般情况下，我们都会选择以表的形式来展现数据，比如通讯录和频道列表等。在表视图中，分节，分组和索引等功能使我们展示的数据看起来更规整、更有调理。更令人兴奋的是，表视图还可以利用细节展示等功能多层次地展示数据。

以上图为例，说明表视图的几个概念。
1、节头：节的头，描述节的信息，比如图中的广东，湖南，广东2都是节头
2、单元格(cell)：它是表视图中每一行，比如图中的广州那一行，长沙那一行
3、节脚：节的最后一部分，用于描述节的的信息和声明，文章居中对齐，比如广东好，湖南也好
4、节(section):节是由节头，单元格，节脚组成。节可以没有节头和节脚。上图的表视图由三个节组成，表视图可以由任意个节组成。
2    UITableView的基本用法
表视图是將数据一行一行地显示出来，它是通过数据源代理获得数据的。数据源代理对象应该实现UITableViewDataSource协议的三个方法：
1、- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView; 指定表视图有几个节(section)
2、- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section; 表视图的第section个节有多少个单元格
3、- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath; 指定表视图的第section个节第row行的UITableViewCell
我们首先不显示节头和节脚。 每个省的城市保存在一个NSArray中，这三个省又组成一个数组。

  
- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.添加tableView
    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
    tableView.dataSource = self;   //设置该表视图的数据代理对象
    [self.view addSubview:tableView];
    
    _allCities = @[
                   @[@"广州", @"深圳", @"梅州"],
                   @[@"长沙", @"益阳"],
                   @[@"武汉", @"黄冈"],

    ];
}

现在实现UITableViewDataSource协议的三个方法。

  
#pragma mark 一共有多少组（section == 区域\组）
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return _allCities.count;
}

#pragma mark 第section组一共有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    
    // 1.取得第section组的所有城市
    NSArray *sectionCities = _allCities[section];
    
    // 2.第section组城市的个数
    return sectionCities.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    
    //1、取出该cell的数据
    NSString *text = _allCities[indexPath.section][indexPath.row];  
    
    // 2.展示文字数据
    cell.textLabel.text = text;
    return cell;
}

运行结果如下图所示。

3    带有节头节脚的UITableView
如果想显示节头节脚，需要实现实现UITableViewDataSource协议的另外两个方法。
1、- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section; 指定第section分区的头部标题
2、- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section; 指定第section分区的头脚标题
为了保存每个section的节头和节脚，可以用NSDictionary保存每个省份的信息，所有的省份信息又组成一个NSArray。

  
// 省份字典中用到的key
#define kHeader @"header" // 头部标题对应的key
#define kFooter @"footer" // 尾部标题对应的key
#define kCities @"cities" // 城市数组对应的key

@interface MJViewController () 
  
  
   
   
{
    NSArray *_allProvinces; // 所有的省份
}
@end

@implementation MJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.添加tableView
    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
    tableView.dataSource = self;
    [self.view addSubview:tableView];
    
    // 2.初始化数据
    _allProvinces = @[
                      
                      @{
                          kHeader : @"广东",
                          kFooter : @"广东好",
                          kCities : @[@"广州", @"深圳", @"梅州"]
                      },
                      
                      @{
                          kHeader : @"湖南",
                          kFooter : @"湖南也好",
                          kCities : @[@"长沙", @"益阳"]
                       },
                      
                      @{
                          kHeader : @"湖北",
                          kFooter : @"湖北更好",
                          kCities : @[@"武汉", @"黄冈"]
                          }
        ];

}

  
  

为了展示节头节脚，应该实现UITableViewDataSource协议的五个方法。

  

#pragma mark - 数据源方法
#pragma mark 一共有多少组（section == 区域\组）
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return _allProvinces.count;

}

#pragma mark 第section组一共有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // 1.取得第section组的省份
    NSDictionary *province = _allProvinces[section];
    
    // 2.取得省份里面的城市数组
    NSArray *cities = province[kCities];
    
    return cities.count;
}

#pragma mark 返回每一行显示的内容(每一行显示怎样的cell)
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

    // 1.取出第section组第row行的文字数据
    // 取出第section组的省份 中 城市数组里面 第 row行的 数据
    
    NSDictionary *province = _allProvinces[indexPath.section];
    NSArray *cities = province[kCities];
    
    NSString *text = cities[indexPath.row];
    
    // 2.展示文字数据
    cell.textLabel.text = text;
    return cell;
}

#pragma mark 第section组显示的头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    
    NSDictionary *province = _allProvinces[section];
    
    return province[kHeader];
}

#pragma mark 第section组显示的尾部标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{   
    return _allProvinces[section][kFooter];
}

运行结果如下图所示。

4    使用模型保存数据
用NSArray和NSDictionary保存数据虽然很方便，但是不够面向对象。我们可以把省份抽象成一个类，节头节脚以及城市是该类的属性，并且提供一个类方法创建实例。该类的声明和定义如下。

  
//Province.h
@interface Province : NSObject

// UI控件用weak，NSString用copy，其他对象一般用strong
@property (nonatomic, copy) NSString *header;
@property (nonatomic, copy) NSString *footer;
@property (nonatomic, strong) NSArray *citites;

+ (id)provinceWithHeader:(NSString *)header footer:(NSString *)footer cities:(NSArray *)cities;

@end

//Province.m
+ (id)provinceWithHeader:(NSString *)header footer:(NSString *)footer cities:(NSArray *)cities
{
    Province *p = [[Province alloc] init];
    p.header = header;
    p.footer = footer;
    p.citites = cities;
    return p;
}

为了展示节头节脚，应该实现UITableViewDataSource协议的五个方法。

  
- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.添加tableView
    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
    tableView.dataSource = self;
    [self.view addSubview:tableView];
    
    // 2.初始化数据
    _allProvinces = @[
        [Province provinceWithHeader:@"广东" footer:@"广东好" cities:@[@"广州", @"深圳"]],
        
        [Province provinceWithHeader:@"湖南" footer:@"湖南也好" cities:@[@"长沙"]],
        
        [Province provinceWithHeader:@"广东2" footer:@"广东好" cities:@[@"广州", @"深圳"]],
        
        [Province provinceWithHeader:@"湖南2" footer:@"湖南也好" cities:@[@"长沙"]]
    ];
}

#pragma mark - 数据源方法
#pragma mark 一共有多少组（section == 区域\组）
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return _allProvinces.count;
}

#pragma mark 第section组一共有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // 1.取得第section组的省份
    Province *province = _allProvinces[section];
    
    // 2.取得省份里面的城市数组
    return province.citites.count;
}

#pragma mark 返回每一行显示的内容(每一行显示怎样的cell)
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    
    Province *province = _allProvinces[indexPath.section];
    
    // 展示文字数据
    cell.textLabel.text = province.citites[indexPath.row];
    
    return cell;
}

#pragma mark 第section组显示的头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    Province *province = _allProvinces[section];
    
    return [province header];
}

#pragma mark 第section组显示的尾部标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
    return [_allProvinces[section] footer];
}

5    总结
UITableView是严格遵循MVC模式的控件，开发人员只需要提供数据，提供数据必须实现UITableViewDataSource协议的三个方法，并且可以自定义cell的显示样式。
iOS，Android，Java培训，期待与您的交流