(4) IOS笔记本——UITableView的基本应用

◇UITableView继承自UIScrollView，因此支持垂直滚动，而且性能极佳，在特定情况下我们使用UIScrollView而不是UITableView。

◇UITableView通过一个数据源(dataSource)来显示数据，会向数据源查询一共有多少行数据，以显示什么数据。

◇举一个小例子，我们要做如下图的的一个下拉表格：

                                                       

◇步骤为：

　　　　◇1、利用MVC的设计模式建立模型，(MVC的思想：只要修改了模型，视图界面一并跟着修改)

　　　　◇2、准守协议，设置模型数据

　　　　◇3、设置UITableView的各个属性，并且绑定数据源

◇具体实现方法：

　　　　◇1、建立模型，新建一个cocoa文件，把下面代码写在.h文件的定义(@interface)中

//用于描述标题
@property (nonatomic,copy) NSString *title;

//用于描述详细描述
@property (nonatomic,copy) NSString *desc;

//用于存放汽车品牌
@property (nonatomic,strong) NSArray *car;

　　　　◇2、准守协议，设置模型数据

@interface ViewController () <UITableViewDataSource>  //准守协议
。。。 。。。 。。。
@property (nonatomic,strong) NSArray *carGroups;//定义数组变量
。。。 。。。 。。。
//设置模型数组
-(NSArray *)carGroups{
    if(_carGroups == nil){
        
        //德系品牌
        CarGroup *cg1 = [[CarGroup alloc] init];
        cg1.title = @"德系品牌";
        cg1.desc = @"德国品牌德国品牌德国品牌德国品牌";
        cg1.car = @[@"大众",@"奔驰",@"奥迪"];
        
        //日系品牌
        CarGroup *cg2 = [[CarGroup alloc] init];
        cg2.title = @"日系品牌";
        cg2.desc = @"日系品牌日系品牌日系品牌日系品牌";
        cg2.car = @[@"丰田",@"本田",@"因菲妮迪"];
        
        //欧系品牌
        CarGroup *cg3 = [[CarGroup alloc] init];
        cg3.title = @"欧系品牌";
        cg3.desc = @"欧系品牌欧系品牌欧系品牌欧系品牌";
        cg3.car = @[@"劳斯莱斯",@"兰博基尼",@"宾利",@"劳斯莱斯",@"兰博基尼",@"宾利"];
    
        _carGroups = @[cg1, cg2, cg3];
    }
    return _carGroups;
}

　　　　◇3、设置UITableView的各个属性，并且绑定数据源

//设置一共有多少组数据
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return self.carGroups.count;
}

//设置每组数据有多少行信息
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    CarGroup *cg = self.carGroups[section];
    return cg.car.count;
}

//设置每个cell的内容
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    //实例化cell对象
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    
    // 取出第indexPath.section组对应的模型
    CarGroup *cg = self.carGroups[indexPath.section];
    
    // 取车第indexPath.row这行对应的品牌名称
    NSString *car = cg.car[indexPath.row];
    
    // 设置cell显示的文字
    cell.textLabel.text = car;
    
    return cell;
}

 　　　　◇附一张UITableViewCell的UITableViewCellStyle枚举类型属性图：