您的位置:首页 > 产品设计 > UI/UE

UITableView的一些基本用法

2013-11-06 15:17 381 查看
UITableView继承自UIScrollView

第一步: 在你的Controller的后面加上<UITableViewDelegate, UITableViewDataSource>

第二步: 将UITableView的delegate设置为self

第三步: 实现这些delegate的方法,

1. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
  

这个方法将返回有多少个section

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 1;     //number of the sections
}


2. - (NSInteger)tableView:(UITableView *)table numberOfRowsInSection:(NSInteger)section;

这个方法将返回每个section有多少元素, 一般我们声明一个数组, 把将要显示的内容放置到数组里面, 这里的section的数量一般要和array.count一致.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return array.count;   //number of rows in section
}


3.- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath*)indexPath;

这个方法将返回指定row的高度

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

返回指定section的header view 的高度

- (CGFloat)tableView:(UITableView *)tableView
heightForFooterInSection:(NSInteger)section;

返回指定section的footer view 的高度

4. - (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath*)indexPath;

返回指定row 的cell。这个地方是比较关键的地方,一般在这个地方来定制各种个性化的 cell元素。

这里只是使用最简单最基本的cell 类型。

cell.textLabel :主标题

cell.detailTextLabel: 副标题

cell.imageView: 每个cell最前面还可以插入image  

cell.accessoryType: 设置右边的图标,通过可以设置是饱满的向右的蓝色箭头,还是单薄的向右箭头,还是对勾标记.

每一个UITableView里都维护着一个cell队列,当UITableView刚加载的时候,cell队列里是没有任何数据的。dequeueResableCellWithIdentifier从字面上理解就是”出列可重用的cell",也就是根据一个标识identifier从cell队列里取出一个UITableViewCell,当然了,如果cell队列里没有此标识的cell,调用此方法的结果就是返回nil。因此,在UITableView刚加载的时候,cell队列里没有可用的cell,所以必须通过语句下面的if循环中的语句来创建一个新的cell.

当UITableView在滚动的时候导致UITableViewCell滚出手机屏幕视图的时候,程序会将这一个UITalbeViewCell实例放入此UITableView所维护的cell队列中。当UITableview中有新的UITableViewCell需要展现在手机屏幕视图上时,就会调用tableView:cellForRowAtIndexPath:方法了,因此我们可以知道以下几点:

1-重取出来的cell是有可能已经捆绑过数据或者加过子视图的,所以,如果有必要,要清除数据(比如textlabel的text)和remove掉add过的子视图(使用tag)

2-这样设计的目的是为了避免频繁的 alloc和delloc cell对象而已,没有多复杂

3-设计的关键是实现cell和数据的完全分离

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString * showUserInfoCellIdentifier = @"ShowUserInfoCell";
UITableViewCell * cell = [_tableView dequeueReusableCellWithIdentifier:showUserInfoCellIdentifier];
if (cell == nil)
{
// Create a cell to display an ingredient.
//创建对应CellIdentifier标识的UITableViewCell实例
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle
reuseIdentifier:showUserInfoCellIdentifier]
autorelease];
}

// Configure the cell.
cell.textLabel.text=@"签名";
cell.detailTextLabel.text = [NSString stringWithCString:userInfo.user_signature.c_str()  encoding:NSUTF8StringEncoding];
}


5. - (CGFloat)tableView:(UITableView *)tableView
heightForHeaderInSection:(NSInteger)section;

返回指定的section的header的高度

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
if (section ==0)
return 80.0f;
else
return 30.0f;
}


6.-
(NSString *)tableView:(UITableView *)tableView
titleForHeaderInSection:(NSInteger)section;

返回指定的section
的 header  的 title,如果这个section header  有返回view,那么title就不起作用了。

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
if (tableView == tableView_)
{
if (section == 0)
{
return @"title 1";
}
else if (section == 1)
{
return @"title 2";
}
else
{
return nil;
}
}
else
{
return nil;
}
}


7. -
(UIView *)tableView:(UITableView *)tableView
viewForHeaderInSection:(NSInteger)section;

返回指定的
section header 的view,如果没有,这个函数可以不返回view

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
if (section == 0)
{

UIView* header = [[[NSBundle mainBundle] loadNibNamed: @"SettingHeaderView"
owner: self
options: nil] lastObject];

else
{
return nil;
}
}


8.  -
(void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

当用户选中某个行的cell的时候,回调用这个。但是首先,必须设置tableview的一个属性为可以select
才行

TableView.allowsSelection=YES;
cell.selectionStyle=UITableViewCellSelectionStyleBlue;

如果不希望相应select, 那么就可以用下面的代码设置属性

TableView.allowsSelection=NO;

 下面是响应select 点击函数,根据哪个section,哪个row 自己做出响应就好了

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
if (indexPath.section == 1)
{
return;
}
else if(indexPath.section==0)
{
switch (indexPath.row)
{
//聊天
case 0:
{
[self  onTalkToFriendBtn];
}
break;

default:
break;
}
}
else
{
return ;
}

}


如何让cell 能够响应 select,但是选中后的颜色又不发生改变呢,那么就设置 

cell.selectionStyle = UITableViewCellSelectionStyleNone;


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//cell被选中后的颜色不变
cell.selectionStyle = UITableViewCellSelectionStyleNone;
}


9. 如何设置tableview  每行之间的分割线

self.tableView.separatorStyle=UITableViewCellSeparatorStyleSingleLine;

如果不需要分割线,那么就设置属性为 UITableViewCellSeparatorStyleNone  即可。

10.如何设置 tableview cell的背景颜色

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//设置背景颜色
cell.contentView.backgroundColor=[UIColor colorWithRed:0.957 green:0.957 blue:0.957 alpha:1];
}


11.- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath

这个函数响应,用户点击cell 右边的 箭头(如果有的话)

12.如何设置tableview 可以被编辑

               首先要进入编辑模式:
[TableView setEditing:YES animated:YES];

如果要退出编辑模式,肯定就是设置为NO

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath;

返回当前cell  要执行的是哪种编辑,下面的代码是 返回 删除  模式

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


  -(void) tableView:(UITableView *)aTableViewcommitEditingStyle:(UITableViewCellEditingStyle) editingStyleforRowAtIndexPath:(NSIndexPath *)indexPath;

通知告诉用户编辑了 哪个cell,对应上面的代码,我们在这个函数里面执行删除cell的操作。

-(void) tableView:(UITableView *)aTableView
commitEditingStyle:(UITableViewCellEditingStyle) editingStyle
forRowAtIndexPath:(NSIndexPath *)indexPath
{
[chatArray  removeObjectAtIndex:indexPath.row];
[chatTableView  reloadData];
}


13. 如何获得 某一行的CELL对象

 - (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: