IOS系列——UItableview的基础使用

在IOS中，众所周知，UiTableview使用的时候很多，而且知识点也很多，作为一个菜鸟来讲，首先要先知道基础的使用方法

Uitableview的使用，要实现它的协议和数据源，就是在.h文件中实现

@interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>

下面开始简单介绍一下在页面中添加一个tableview；

  1，在.h文件中完成以下代码

#import <UIKit/UIKit.h>@interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>@property (nonatomic,retain) NSMutableArray *listdata;@property (nonatomic,retain) UITableView *tableview;@end

然后在.m文件中看看添加什么代码

2、在viewDidLoad中实现listdata（cell中的数据）和 tableview的初始化

tableview = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStyleGrouped];    listdata = [[NSMutableArray alloc]initWithObjects:@"北京",@"上海",@"深圳",@"武汉",@"枣阳", nil];//    listdata = [[NSMutableArray arrayWithObjects:@"北京",@"上海",@"深圳",@"武汉",@"枣阳", nil]retain];    tableview.delegate = self;    tableview.dataSource = self;    [self.view addSubview:tableview];        [tableview release];

细心的人可以看到，在这listdata用实例方法来初始化的，但是我并没有release，那是因为在后面的函数还要使用，当然，如果一定要遵守“谁创建，谁释放”的原则的话，在这里英爱先retain一次，然后在release，在这里，我还有注释的一行，这个使用静态方法来初始化listdata，在后面加了一个retain。不过一般是不用这种方法，因为静态方法自动释放的时候是使用autorelease，然后使用retain的话，不太好，不过如果你一定要用这个方法，似乎也没什么问题

3、设置tableview有多少行

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

4、设置tableview中cell（单元）的内容

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];    if (cell == nil) {        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];    }    int row = [indexPath row];    cell.textLabel.text = [listdata objectAtIndex:row];    cell.imageView.image = [UIImage imageNamed:@"small.png"];    cell.accessoryType = UITableViewCellSelectionStyleGray;    cell.detailTextLabel.text = @"详细信息";    return  cell;    [cell release];    }

这里面有一个需要用图来解释的是 cell的type   

typedef NS_ENUM(NSInteger, UITableViewCellStyle) {    UITableViewCellStyleDefault,// Simple cell with text label and optional image view (behavior of UITableViewCell in iPhoneOS 2.x)    UITableViewCellStyleValue1,// Left aligned label on left and right aligned label on right with blue text (Used in Settings)    UITableViewCellStyleValue2,// Right aligned label on left with blue text and left aligned label on right (Used in Phone/Contacts)    UITableViewCellStyleSubtitle// Left aligned label on top and left aligned label on bottom with gray text (Used in iPod).};             // available in iPhone OS 3.0

系统自带的是这四种，根据上面的代码，以此显示的效果图为：

上面的一些代码可以实现将一个tableview添加到页面

5、cell的点击事件

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    switch (indexPath.row) {        case 0:{            secondview *second = [[secondview alloc]initWithNibName:@"secondview" bundle:nil];            [self presentViewController:second animated:NO completion:^{}];            [second release];        }            break;        case 1:{            thirdview *third = [[thirdview alloc]initWithNibName:@"thirdview" bundle:nil];            [self presentViewController:third animated:NO completion:^{}];            [third release];        }            break;                    default:            break;    }//    NSString *msg = [[NSString alloc] initWithFormat:@"你选择的是:%@",[listdata objectAtIndex:[indexPath row]]];//    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:msg delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];//   //    [alert show];//    [msg release];}

其他的一些函数：

 1)、设置缩进

//设置缩进- (NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{    return [indexPath row];}

 2)、弹出一个删除按钮

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{    NSLog(@"执行删除操作");}

自定义弹出按钮的文字

- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{    return @"删除";}

3)、设置行高

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 70;}

4)、设置cell的背景色

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{    if ([indexPath row] % 2 == 0) {        cell.backgroundColor = [UIColor blueColor];    } else {        cell.backgroundColor = [UIColor greenColor];    }} 

UITableViewCell的选中时的颜色

1）给定的集中默认

//无色  cell.selectionStyle = UITableViewCellSelectionStyleNone;  //蓝色  cell.selectionStyle = UITableViewCellSelectionStyleBlue;  //灰色  cell.selectionStyle = UITableViewCellSelectionStyleGray;  

2) 自定义颜色

cell.selectedBackgroundView = [[[UIView alloc] initWithFrame:cell.frame] autorelease];  cell.selectedBackgroundView.backgroundColor = [UIColor xxxxxx];  

3）自定义选中的背景图

cell.selectedBackgroundView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cellart.png"]] autorelease];   //还有字体颜色   cell.textLabel.highlightedTextColor = [UIColor xxxcolor];  [cell.textLabel setTextColor:color];//

4）cell没有选中效果 

[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

分隔线

设置分隔线的颜色

[theTableView setSeparatorColor:[UIColor xxxx ]];

设置分割线的样式

_tableview.separatorStyle = UITableViewCellSeparatorStyleNone;

5)、设置tableview的段落

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    return 1;}

如果设置段落的话 

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    if (section == 0) {        return 3;    }    if (section == 1) {        return 2;    }}

补充：

当设置tableview为UITableViewStylePlain时； 默认会出现满屏的cell（即使cell只有1个）就会有很多空白的cell  如果要去掉这些的话 ：可用

-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{    UIView *view=[[UIView alloc] init];    [view setBackgroundColor:[UIColor clearColor]];    return view;}

或者

-(UIView*)tableView:(UITableView*)tableView viewForFooterInSection:(NSInteger)section   {        if([self numberOfSectionsInTableView:tableView]==(section+1)){                return [UIView new];        }           return nil;  } 

还有一个问题 ，每次点击cell的时候 会有背影加重的情况，默认是不会复原的 需要自己来写

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    [tableView deselectRowAtIndexPath:indexPath animated:YES];}

或者如果点击跳转到其他页面的话 还可以这样写

-(void)viewWillAppear:(BOOL)animated{    [self.tableview deselectRowAtIndexPath:[self.tableview indexPathForSelectedRow] animated:YES];}

获取tablecell的高度 

cell.frame.size.height

cell.contentView.frame.size.height

获取某一个cell

NSIndexPath *index = [NSIndexPath indexPathForRow:0 inSection:0];MyOwenTableViewCell *cell = (MyOwenTableViewCell *)[_myTabView cellForRowAtIndexPath:index];

刷新某一个cell     刷新 section = 0 row = 0 的cell

NSIndexPath *index = [NSIndexPath indexPathForRow:0 inSection:0];[_myTabView reloadRowsAtIndexPaths:@[index] withRowAnimation:UITableViewRowAnimationNone];

刷新某一个section  

NSRange range = NSMakeRange(indexPath.section, 1);NSIndexSet *sectionToReload = [NSIndexSet indexSetWithIndexesInRange:range];/*NSMutableIndexSet是一个可变的集合，其使用方法如：NSMutableIndexSet *idxSet = [[NSMutableIndexSet alloc] init];        [idxSet addIndex:5];    [idxSet addIndex:2];    [idxSet addIndex:8];    [idxSet addIndex:12];   //  添加 4到13的索引值    [idxSet addIndexesInRange:NSMakeRange(4, 10)];*/[_tableview reloadSections:sectionToReload withRowAnimation:UITableViewRowAnimationBottom];

tableview的索引

首先 在不知道tablview有索引的时候，对这个东西感觉很高深，但是知道有这些东西后，几个简单的代理就可以实现  类似于通讯录的功能

首先需要的是两个数组。一个 是cell的数据  一个是索引的数据

sectionTitles       = [[NSArray alloc] initWithObjects:                           @"A",@"C",@"F",@"G",@"H",@"M",@"S",@"T",@"X",@"Z", nil];    contentsArray       = [[NSArray alloc] initWithObjects:                           @[@"阿伟",@"阿姨",@"阿三"],                           @[@"蔡芯",@"成龙",@"陈鑫",@"陈丹",@"成名"],                           @[@"芳仔",@"房祖名",@"方大同",@"芳芳",@"范伟"],                           @[@"郭靖",@"郭美美",@"过儿",@"过山车"],                           @[@"何仙姑",@"和珅",@"郝歌",@"好人"],                           @[@"妈妈",@"毛主席"],                           @[@"孙中山",@"沈冰",@"婶婶"],                           @[@"涛涛",@"淘宝",@"套娃"],                           @[@"小二",@"夏紫薇",@"许巍",@"许晴"],                           @[@"周恩来",@"周杰伦",@"张柏芝",@"张大仙"],nil];

  实现几个简单的tableview的初始化

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    return  contentsArray.count;}-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    static NSString *str = @"cell";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:str];    if (!cell) {        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:str];    }        cell.textLabel.text = contentsArray[indexPath.section][indexPath.row];            return cell;}-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return ((NSArray *)contentsArray[section]).count;}

下面就是一些索引的数据

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{    return [sectionTitles objectAtIndex:section];}

实现headview的数据填充，不过用这个方法填充数据  有一点就是不知道怎么实现背景色和 文字颜色的改变，可以考虑用自定义headview的方法  可扩展性就很大

// 索引目录-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{    return sectionTitles;}-(NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index{    // 获取所点目录对应的indexPath值    NSIndexPath *selectIndexPath = [NSIndexPath indexPathForRow:0 inSection:index];       // 让table滚动到对应的indexPath位置    [tableView scrollToRowAtIndexPath:selectIndexPath atScrollPosition:UITableViewScrollPositionBottom animated:YES];        return index;}

在这里也说说索引的几个基本参数

_tableview.sectionIndexBackgroundColor = MAINCOLOR;    //索引的背景颜色    _tableview.sectionIndexTrackingBackgroundColor = [UIColor blackColor];  //当索引条被点击的时候 出现的颜色    _tableview.sectionIndexMinimumDisplayRowCount = 20;<span style="white-space:pre"></span>// tablview 总共有多少行才会显示索引栏    _tableview.sectionIndexColor = [UIColor whiteColor];<span style="white-space:pre"></span>//索引上文字的颜色

tableview 删除的问题

单行删除  

这个其实很简单  不过主要是由知道几个方法

//当cell 从删除状态 变为 正常状态-(void)tableView:(UITableView *)tableView didEndEditingRowAtIndexPath:(NSIndexPath *)indexPath{    flag = NO;    [editButton setTitle:@"编辑" forState:0];}//当cell 从正常状态 变为 删除状态-(void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath{    [editButton setTitle:@"完成" forState:0];    flag = YES;}//设置 出现的按钮的文字-(NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{    return @"删除";}//设置 cell是否可编辑-(BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{    return YES;}//设置 cell出现删除按钮的  按钮事件-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{        if (editingStyle == UITableViewCellEditingStyleDelete) {            }}

又一个按钮（比如右上角的编辑按钮） 可以直接让tableview成为编辑状态

全局bool

bool  flag;

-(void)bianji{        if (!flag)    {        [editButton setTitle:@"完成" forState:0];        [_tableview setEditing:YES animated:YES];        flag = YES;    }    else    {        [editButton setTitle:@"编辑" forState:0];        [_tableview setEditing:NO animated:YES];        flag = NO;    }}

以上这些方法 就可以实现cell的当行删除

多行删除

多行删除  爱实现上面的方法 之外  还需要一个特定的方法 在这里说2种实现多行删除的方法

推荐使用第一种

[_tableview setAllowsMultipleSelectionDuringEditing:YES];

这个方法  有好处是  比如点击编辑按钮的时候 ，cell会出现多行删除的 按钮  同时 对于单行删除没有影响，也就是说  cell左滑  出现delege 按钮还是可以的  单行删除和多行删除 i可以共存的

- (UITableViewCellEditingStyle)tableView:( UITableView *)tableView editingStyleForRowAtIndexPath:( NSIndexPath *)indexPath{    return    UITableViewCellEditingStyleDelete | UITableViewCellEditingStyleInsert;}

这个方法弊端就是   当实现了这个方法   单行删除无效了   目前还没找到原因