UITableView的一些基本用法

最新推荐文章于 2021-10-19 17:29:52 发布

转载最新推荐文章于 2021-10-19 17:29:52 发布 · 703 阅读

IOS开发学习历程专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了UITableView的基本使用方法，包括设置代理、数据源、单元格复用机制、单元格样式定制等，并提供了设置表格视图高度、标题、背景色及响应用户交互的方法。

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;