UI控件笔记（十一）：UI之UITableView\自定义UITableView\分组

一、UITableView表格显示

注意：用table要准备一个数组源数组，数组里可能保存的是字典、模型

#import "MainViewController.h"

1、声明协议

//dataSource和显示的内容相关的协议

//delegate和交互相关的协议

@interface MainViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,retain)NSMutableArray *dataArr;

@end

@implementation MainViewController

-(void)dealloc

{

    self.dataArr =nil;

    [super dealloc];

}

-(id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [superinitWithNibName:nibNameOrNilbundle:nibBundleOrNil];

    if(self)

    {

        //禁止用类方法给assign的属性或者成员变量赋值，自动+1-1.

        self.dataArr = [NSMutableArrayarrayWithCapacity:0];

    }

    return self;

}

- (void)viewDidLoad {

    [superviewDidLoad];

    self.automaticallyAdjustsScrollViewInsets =NO; 

    [self loadData];

    [self makeUI];

}

2、准备数据（网络请求）

-(void)loadData

{

    //做点假数据

    for(int i =0;i<20;i++)

    {

        [self.dataArraddObject:@{@"pic":@"0.png",@"title":[NSStringstringWithFormat:@"第%d行",i]}];

    }

}

3、制作UI

-(void)makeUI

{

    UITableView *table = [[UITableViewalloc]initWithFrame:CGRectMake(0,64,320, self.view.frame.size.height-64)style:UITableViewStylePlain];

    table.dataSource = self;

    table.delegate = self;

    [self.viewaddSubview:table];

    [table release];

    

    //table的两行cell之间分界线那点事儿

    table.separatorStyle =UITableViewCellSeparatorStyleNone;

}

4、UITableView遵守的协议

#pragma mark table的代理方法们

4.1、有多少个段

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    return 3;

}

4.2、必须一，设置table每一段有多少行，第二个参数就是段，可以根据第二个参数来使得不同的段的行数是不同的

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return self.dataArr.count;

}

4.3、必须二，设置table每一行上面显示的内容，这个方法会被多次调用，有多少行就调用多少次

-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    4.3.1、确定当前所在的段

    int section = indexPath.section;

    //NSLog(@"现在是第%d段",section);

    

    4.3.2、确定当前所在的行

    int row = indexPath.row;

    //NSLog(@"现在是第%d行",row);

    

    4.3.3、table的cell使用了复用的概念

        1、我们只实例化页面能同时显示的cell数量+1的cell

        2、当一个cell从页面消失的时候，这个cell会被放进复用池

        3、当一个cell将要出现在页面的时候，首先回去复用池里找有没有之前实例化过的cell，如果有，就不再实例化新的，用旧的cell改变内容即可。如果没有，就实例化一个新的cell

    

    注意：UITableViewCell *cell = [[[UITableViewCell alloc] init] autorelease];这种写法以后不要出现了，因为这样的话每行都要实例化一个新的cell，不利于内存管理

    

    4.3.3.1、准备一个复用标示字符串，这个标示用来以后从池子里找的时候用

    staticNSString *iden =@"iden";//字符串内容无所谓，关键是现在写什么，一会儿就用什么去找

    

    4.3.3.2、用标示字符串把table和cell做好复用池关联，如果池子里有，那么cell就是一个从池子里取出来的cell对象了，如果池子里没有，那么cell屁也不是

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:iden];

    

    4.3.3.3、判断cell是否存在

    if(cell ==nil)//判断是否取到了，nil就是没取到

    {

        //实例化一个cell

        cell = [[[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:iden]autorelease];

        //cell自带的label。default只有一个标题，textLabel，subTitle有两个标题，一个大标题，一个小标题

        NSLog(@"pppppp");

    }

    NSLog(@"%@",cell);

    //cell父类是UIView

    //cell有几个系统默认的布局属性

    

    //self.dataArr[row]是个字典

    

    4.3.3.4、cell的文字属性

    cell.textLabel.text =self.dataArr[row][@"title"];

    

    4.3.3.5、每行cell的左边图片属性

    cell.imageView.image = [UIImageimageNamed:self.dataArr[row][@"pic"]];

    

     注意！！！！注意！！！！注意！！！！注意！！！！

    在table的cell里，不能用UIImageView *imageView来做一个UIImageView的对象，因为cell有自己默认的imageView的属性

    注意！！！！注意！！！！注意！！！！注意！！！！

    

    4.3.3.6、cell的选中效果

    cell.selectionStyle =UITableViewCellSelectionStyleNone;

    

    return cell;

}

4.4、每行的高度，每行都可以不一样高

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

{

    //根据indexPath.row来设置每一行的高度

    if(indexPath.row ==0)

    {

        return 100;

    }

    else

    {

        return 30;

    }

}

4.5、用一个文字的形式来设置段头，设置的内容会显示在段头上

-(NSString*)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

{

    return @"pp";

}

4.6、用一个UIView或者他的子类孙子类来设置段头，随意，多少都行，如果写了这个代理，上面那个字符串的段头就被覆盖了

-(UIView*)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

{

    UIButton *btn = [UIButtonbuttonWithType:UIButtonTypeRoundedRect];

    btn.frame = CGRectMake(0,0,320, 60);

    btn.backgroundColor = [UIColorgreenColor];

    [btn setTitle:@"ppppppppppp"forState:UIControlStateNormal];

    return btn;

}

4.7、段头高度

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

{

    return 60;

}

4.8、点击选中事件

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

{

    //indexPath.row可以知道当前被点击是哪一行,也可以知道被点击的是哪一段

    NSLog(@"被点的是%d段%d行",indexPath.section,indexPath.row);

}

4.9、取消选中事件（反选）

-(void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath

{

    NSLog(@"%d段%d行被取消选中了",indexPath.section,indexPath.row);

}

二、自定义UITableView表格显示

#import "MainViewController.h"

@interface MainViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,retain)NSMutableArray *dataArr;

@end

@implementation MainViewController

-(void)dealloc

{

    self.dataArr =nil;

    [super dealloc];

}

-(id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [superinitWithNibName:nibNameOrNilbundle:nibBundleOrNil];

    if(self)

    {

        self.dataArr = [NSMutableArrayarrayWithCapacity:0];

    }

    return self;

}

- (void)viewDidLoad {

    [superviewDidLoad];

    self.automaticallyAdjustsScrollViewInsets =NO;

    [self loadData];

    [self makeUI];

}

-(void)loadData

{

    //要准备一个10行，每行左侧一个图片（用色块代替），中间一个标题，一个价格，一个说明，一个时间，右侧一个按钮

    for(int i =0;i<10;i++)

    {

        [self.dataArraddObject:@{@"pic":[UIColorcolorWithRed:arc4random()%255/255.0green:arc4random()%255/255.0blue:arc4random()%255/255.0alpha:1],@"title":[NSStringstringWithFormat:@"第%d个应用",i],@"price":[NSStringstringWithFormat:@"%d",arc4random()%1000],@"time":@"2014-12-2",@"info":@"这是一个不错的应用，快下吧，福利多多，谁下谁知道，你懂得!"}];

    }

}

-(void)makeUI

{

    UITableView *table = [[UITableViewalloc]initWithFrame:CGRectMake(0,64,self.view.frame.size.width,self.view.frame.size.height-64)style:UITableViewStylePlain];

    table.dataSource = self;

    table.delegate = self;

    [self.viewaddSubview:table];

    [table release];

}

#pragma mark table代理

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return self.dataArr.count;

}

-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    static NSString *iden =@"pp";

    

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:iden];

    if(cell == nil)

    {

        cell = [[[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:iden]autorelease];

    }

    

    //清空cell.contentView上之前的子视图

    for(id tempin cell.contentView.subviews)

    {

        [temp removeFromSuperview];

    }

    

    //在这里对每行的cell进行布局和赋值

    NSDictionary *dic = self.dataArr[indexPath.row];//找到这一行的数据

    

    UIView *leftImage = [[UIViewalloc]initWithFrame:CGRectMake(10,10,80, 80)];

    leftImage.backgroundColor = dic[@"pic"];

    [cell.contentViewaddSubview:leftImage];//注意cell上面的UI应该添加到cell.contentView上

    [leftImage release];

    

    UILabel *title = [[UILabelalloc]initWithFrame:CGRectMake(110,10,200, 25)];

    title.text = dic[@"title"];

    title.font = [UIFontboldSystemFontOfSize:18];

    [cell.contentView addSubview:title];

    [title release];

    

    UILabel *price = [[UILabelalloc]initWithFrame:CGRectMake(110,35,160, 15)];

    price.text = [NSStringstringWithFormat:@"价格：%@",dic[@"price"]];

    price.font = [UIFontsystemFontOfSize:13];

    [cell.contentView addSubview:price];

    [price release];

    

    UILabel *time = [[UILabelalloc]initWithFrame:CGRectMake(110,50,160, 15)];

    time.text = [NSStringstringWithFormat:@"时间：%@",dic[@"time"]];

    time.font = [UIFontsystemFontOfSize:13];

    [cell.contentView addSubview:time];

    [time release];

    

    UILabel *info = [[UILabelalloc]initWithFrame:CGRectMake(110,65,160, 35)];

    info.text = dic[@"info"];

    info.numberOfLines = 0;

    info.font = [UIFontsystemFontOfSize:13];

    [cell.contentView addSubview:info];

    [info release];

    

    UIButton *btn = [UIButtonbuttonWithType:UIButtonTypeRoundedRect];

    btn.frame = CGRectMake(270,30,40, 40);

    [btn setTitle:@"down"forState:UIControlStateNormal];

    [cell.contentView addSubview:btn];

    

    return cell;

}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

{

    return 100;

}

三、分组实现（qq为例）

#import "MainViewController.h"

@interface MainViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,retain)NSMutableArray *dataArr;

@property(nonatomic,retain)NSMutableArray *statusArr;

@end

@implementation MainViewController

-(void)dealloc

{

    self.statusArr =nil;

    self.dataArr =nil;

    [super dealloc];

}

-(id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [superinitWithNibName:nibNameOrNilbundle:nibBundleOrNil];

    if(self)

    {

        self.dataArr = [NSMutableArrayarrayWithCapacity:0];

        self.statusArr = [NSMutableArrayarrayWithCapacity:0];

    }

    return self;

}

- (void)viewDidLoad {

    [superviewDidLoad];  

    self.automaticallyAdjustsScrollViewInsets =NO;   

    [self loadData]; 

    [self makeUI];

}

-(void)loadData

{

    //我有四个好友分组，每个好友分组都有几个好友

    [self.dataArraddObject:@[@"张三",@"李四"]];

    [self.dataArraddObject:@[@"狗剩儿",@"枣花",@"铜锁"]];

    [self.dataArraddObject:@[@"天才",@"二货",@"pp",@"qq"]];

    [self.dataArraddObject:@[@"樱木",@"赤木",@"木暮",@"三木"]];

    

    //给状态数组初始化数据，0表示不显示，1表示显示

    for(int i =0;i<4;i++)

    {

        [self.statusArraddObject:@"0"];

    }//现在四段都是0，所以四段都不显示

}

-(void)makeUI

{

    UITableView *table = [[UITableViewalloc]initWithFrame:CGRectMake(0,64,320, self.view.frame.size.height-64)style:UITableViewStylePlain];

    table.dataSource = self;

    table.delegate = self;

    table.tag = 6000;

    [self.viewaddSubview:table];

    [table release];

}

#pragma marktable代理

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    returnself.dataArr.count;//返回段数，用大数组的长度

}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    //先判断状态数组该段是否为1

    if([self.statusArr[section]isEqualToString:@"1"])

    {//当状态数组中该段为1时，正常返回这段的行数

        return [self.dataArr[section]count];//返回行数，是大数组的每一个元素（小数组的长度）

    }

    else

    {//当状态数组中该段为0时，这段行数就是0，不显示

        return 0;

    }

}

-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    static NSString *str =@"some";

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:str];

    if(cell == nil)

    {

        cell = [[[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:str]autorelease];

    }

    

    cell.textLabel.text =self.dataArr[indexPath.section][indexPath.row];

    //从大数组中找到当前段indexPath.section中的当前行indexPath.row的内容

    return cell;

}

-(UIView*)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

{

    NSArray *headerArr = @[@"好友",@"笔友",@"驴友",@"球友"];

    

    UIButton *btn = [UIButtonbuttonWithType:UIButtonTypeRoundedRect];

    btn.frame = CGRectMake(0,0,320, 40);

    [btn setTitle:headerArr[section]forState:UIControlStateNormal];

    [btn addTarget:selfaction:@selector(btnDown:)forControlEvents:UIControlEventTouchUpInside];

    btn.backgroundColor = [UIColoryellowColor];

    btn.tag = 1000+section;

    return btn;

}

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

{

    NSLog(@"111");

    return 40;

}

-(void)btnDown:(UIButton*)btn

{

    //把statusArr数组对应下标的元素从1-0，从0-1

    NSString *statusStr = self.statusArr[btn.tag -1000];

    

    [self.statusArrreplaceObjectAtIndex:btn.tag -1000 withObject:[NSStringstringWithFormat:@"%d",![statusStrintValue]]];//把数组对应下标的元素转为整形，置反后转成字符串替换原来的

    NSLog(@"%@",self.statusArr);

    

    //table的刷新方法

    UITableView *table = (UITableView*)[self.viewviewWithTag:6000];

    

    [table reloadData];//刷新，每次调用这个方法，会整个重新执行一次这个table的所有代理方法

}