iOS TableView 使用详解



IOS TableView 详解

一、建立 UITableView

DataTable = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 420)];[DataTable setDelegate:self];[DataTable setDataSource:self];[self.view addSubview:DataTable];[DataTable release];

二、UITableView各Method说明

//Section总数- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{ return TitleData;}// Section Titles//每个section显示的标题- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{ return @"";}//指定有多少个分区(Section)，默认为1- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 4;}//指定每个分区中有多少行，默认为1- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{}//绘制Cell-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:                             SimpleTableIdentifier];    if (cell == nil) {          cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault                                       reuseIdentifier: SimpleTableIdentifier] autorelease]; } cell.imageView.image=image;//未选cell时的图片 cell.imageView.highlightedImage=highlightImage;//选中cell后的图片 cell.text=//..... return cell;}//行缩进-(NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{ NSUInteger row = [indexPath row]; return row;}//改变行的高度- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 40;}//定位[TopicsTable setContentOffset:CGPointMake(0, promiseNum * 44 + Chapter * 20)];//返回当前所选cellNSIndexPath *ip = [NSIndexPath indexPathForRow:row inSection:section];[TopicsTable selectRowAtIndexPath:ip animated:YES scrollPosition:UITableViewScrollPositionNone];[tableView setSeparatorStyle:UITableViewCellSelectionStyleNone];//选中Cell响应事件- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ [tableView deselectRowAtIndexPath:indexPath animated:YES];//选中后的反显颜色即刻消失}//判断选中的行（阻止选中第一行）-(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath{    NSUInteger row = [indexPath row];    if (row == 0)        return nil;    return indexPath;}//划动cell是否出现del按钮- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {}//编辑状态- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyleforRowAtIndexPath:(NSIndexPath *)indexPath{｝[topicsTable setContentSize:CGSizeMake(0,controller.promiseNum * 44)];//右侧添加一个索引表- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{}//返回Section标题内容- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{}//自定义划动时del按钮内容- (NSString *)tableView:(UITableView *)tableViewtitleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath//跳到指的row or section[tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] atScrollPosition:UITableViewScrollPositionBottom animated:NO];

三、在UITableViewCell上建立UILable多行显示

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {    static NSString *CellIdentifier = @"Cell";       UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];    if (cell == nil) {        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];  UILabel *Datalabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, 320, 44)];  [Datalabel setTag:100];  Datalabel.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;  [cell.contentView addSubview:Datalabel];  [Datalabel release]; }  UILabel *Datalabel = (UILabel *)[cell.contentView viewWithTag:100]; [Datalabel setFont:[UIFont boldSystemFontOfSize:18]]; Datalabel.text = [data.DataArray objectAtIndex:indexPath.row]; cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;    return cell;}//选中cell时的颜色typedef enum {    UITableViewCellSelectionStyleNone,    UITableViewCellSelectionStyleBlue,    UITableViewCellSelectionStyleGray} UITableViewCellSelectionStyle //cell右边按钮格式typedef enum {    UITableViewCellAccessoryNone,                   // don't show any accessory view    UITableViewCellAccessoryDisclosureIndicator,    // regular chevron. doesn't track    UITableViewCellAccessoryDetailDisclosureButton, // blue button w/ chevron. tracks    UITableViewCellAccessoryCheckmark               // checkmark. doesn't track} UITableViewCellAccessoryType//是否加换行线typedef enum {    UITableViewCellSeparatorStyleNone,    UITableViewCellSeparatorStyleSingleLine} UITableViewCellSeparatorStyle//改变换行线颜色tableView.separatorColor = [UIColor blueColor];

iOS 使用tableView实现 个人中心列表

类似于微信的个人中心 可以使用UITableViewl来实现。

最终效果

直接上代码

首先使

UIViewController

实现协议 

UITableViewDataSource,UITableViewDelegate

创建两个属性

   UITableView *personalTableView;

   NSArray *dataSource;

@interface UserInfoViewController ()<UITableViewDataSource,UITableViewDelegate>{    UITableView *personalTableView;    NSArray *dataSource;    }

初始化

 personalTableView=[[UITableView alloc]initWithFrame:CGRectMake(0, 44+20, SCREEN_WIDTH, SCREEN_HEIGHT-20-44-49) style:UITableViewStyleGrouped];    [self.view addSubview:personalTableView];    personalTableView.delegate=self;    personalTableView.dataSource=self;    personalTableView.bounces=NO;    personalTableView.showsVerticalScrollIndicator = NO;//不显示右侧滑块    personalTableView.separatorStyle=UITableViewCellSeparatorStyleSingleLine;//分割线    dataSource=@[@"我的分享",@"密码管理",@"用户协议",@"关于"];

实现一下几个代理

#pragma mark tableViewDelegate-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    //分组数 也就是section数    return 3;}//设置每个分组下tableview的行数-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    if (section==0) {        return 1;    }else if (section==1) {        return dataSource.count;    }else{        return 1;    }}//每个分组上边预留的空白高度-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{        return 20;}//每个分组下边预留的空白高度-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{    if (section==2) {        return 40;    }    return 20;}//每一个分组下对应的tableview 高度-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    if (indexPath.section==0) {        return 80;    }    return 40;}//设置每行对应的cell（展示的内容）-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    static NSString *identifer=@"cell";    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifer];    if (cell==nil) {        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifer];    }        if (indexPath.section==0) {        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"userinfo"];                UIImageView *imageView=[[UIImageView alloc]initWithFrame:CGRectMake(12, 0, 80, 80)];        imageView.image=[UIImage imageNamed:@"usericon.png"];        [cell.contentView addSubview:imageView];                UILabel *nameLabel=[[UILabel alloc]initWithFrame:CGRectMake(100, 0, 60, 80)];        nameLabel.text=@"李晨";        [cell.contentView addSubview:nameLabel];    }else if (indexPath.section==1) {        cell.textLabel.text=[dataSource objectAtIndex:indexPath.row];    }else{        cell.textLabel.text=@"退出登陆";        cell.textLabel.textAlignment=NSTextAlignmentCenter;    }    return cell;}