AI 助理
备案控制台
开发者社区 人工智能 文章 正文

UITableView基本用法

2017-11-14 1097
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

表用于显示数据列表，数据列表中的每一项都由行表示。IOS没有行的限制，行数仅受可用才存储空间的限制，IOS的表只有一列。

     表视图是显示表数据的试图对象，是UITableView类的一个实例，表中的每个可建行都有UITableViewCell类实现。即一个UITableView实例由若干UITableViewCell组成。

   表视图不负责存储表中的所有数据，只存储足够绘制当前可见行的数据。每次只加载一屏幕的数据。表视图从遵循UITableViewDelegate协议的对象中获取配置数据，从遵循UITableViewDataSource协议的对象中获得行数据。

 

（1）- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;

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


 
 
    

  
  
  1. //返回有多少个Sections 
    2. 

  
  
  2. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
    3. 

  
  
  3. { 
    4. 

  
  
  4.     return array.Count;  //默认值为1 
    5. 

  
  
  5. }    
    6.

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

        这个方法返回对应的section有多少个元素，也就是多少行。


 
 
    

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

  
  
  2. {    
    3. 

  
  
  3.     return 10；  //默认也是1 ，分区中的行的个数 
    4. 

  
  
  4. }   
    5. 
 
 


 


（3）-（UITableViewCell *)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;


返回指定的row 的cell。这个地方是比较关键的地方，一般在这个地方来定制各种个性化的 cell元素。这里只是使用最简单最基本的cell 类型。


其中有一个主标题cell.textLabel 还有一个副标题cell.detailTextLabel,  还有一个 image在最叫cell.imageView.  还可以设置右边的图标，通过cell.accessoryType 可以设置是饱满的向右的蓝色箭头，还是单薄的向右箭头，还是勾勾标记。



   
   



 
 
    

  
  
  1. //设置每行调用的cell 
    2. 

  
  
  2. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
    3. 

  
  
  3. static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";//自定义的标识符 
    4. 

  
  
  4.     
    5. 

  
  
  5.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: 
    6. 

  
  
  6.                              SimpleTableIdentifier]; 
    7. 

  
  
  7.     if (cell == nil) {   
    8. 

  
  
  8.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault 
    9. 

  
  
  9.                                        reuseIdentifier: SimpleTableIdentifier] autorelease]; 
    10. 

  
  
  10.  } 
    11. 

  
  
  11.  cell.imageView.image=image;//未选cell时的图片 
    12. 

  
  
  12.  cell.imageView.highlightedImage=highlightImage;//选中cell后的图片 
    13. 

  
  
  13.  cell.text=@”测试文本”; 
    14. 

  
  
  14.  return cell; 
    15. 

  
  
  15. } 
    16. 
 
 


 


   表中的每一行都代表一个UITableViewCell。可以使用图像、文本还有辅助的图标等来自定义你自己的UITableViewCell。你可以自定义你自己的cell如下模型或者像appstore那样的。



   
   

cell格式

（4）- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section


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


 



  
  
    

   
   
  1. - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section   
    2. 

   
   
  2. {   
    3. 

   
   
  3.     if (tableView == tableView_)   
    4. 

   
   
  4.     {   
    5. 

   
   
  5.         if (section == 0)    
    6. 

   
   
  6.         {   
    7. 

   
   
  7.          return @"Girls";   
    8. 

   
   
  8.         } 
    9. 

   
   
  9.         else  
    10. 

   
   
  10.         {   
    11. 

   
   
  11.             return @"Boys";   
    12. 

   
   
  12.         } 
    13. 

   
   
  13.     }    
    14. 

   
   
  14. }   
    15. 
  
  





   
   

（5）设置让UITableView行缩进







  
  
    

   
   
  1. // 把每一行的缩进级别设置为其行号，第一行为1，第二行为2 
    2. 

   
   
  2. -(NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    3. 

   
   
  3.  NSUInteger row = [indexPath row]; 
    4. 

   
   
  4.  return row; 
    5. 

   
   
  5. } 
    6. 
  
  



（6）设置cell每行间隔的高度 


 
 
    

  
  
  1. - (CGFloat)tableView:(UITableView *)tableView eightForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    2. 

  
  
  2.     return 40; 
    3. 

  
  
  3. } 
    4. 
 
 


（7）设置选中Cell的响应事件



 
 
    

  
  
  1. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ 
    2. 

  
  
  2.  [tableView deselectRowAtIndexPath:indexPath animated:YES];//选中后的反显颜色即刻消失 
    3. 

  
  
  3. } 
    4. 
 
 


该方法是选中之后执行。另一个方法willSelectRowAtIndexPath是在一行选择前调用，通常用来阻止某行的能否被选中

 
 
    

  
  
  1. -(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath 
    2. 

  
  
  2. { 
    3. 

  
  
  3.   if(row == 0) 
    4. 

  
  
  4.      return nil;//设置第一个可见行不能被选中 
    5. 

  
  
  5.      return indexPath; 
    6. 

  
  
  6. } 
    7.

UITableView 表用于显示数据列表，数据列表中的每一项都由行表示。IOS没有行的限制，行数仅受可用才存储空间的限制，IOS的表只有一列。

     表视图是显示表数据的试图对象，是UITableView类的一个实例，表中的每个可建行都有UITableViewCell类实现。即一个UITableView实例由若干UITableViewCell组成。

   表视图不负责存储表中的所有数据，只存储足够绘制当前可见行的数据。每次只加载一屏幕的数据。表视图从遵循UITableViewDelegate协议的对象中获取配置数据，从遵循UITableViewDataSource协议的对象中获得行数据。

 

（1）- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;

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


 
 
    

  
  
  1. //返回有多少个Sections 
    2. 

  
  
  2. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
    3. 

  
  
  3. { 
    4. 

  
  
  4.     return array.Count;  //默认值为1 
    5. 

  
  
  5. }    
    6.

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

        这个方法返回对应的section有多少个元素，也就是多少行。


 
 
    

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

  
  
  2. {    
    3. 

  
  
  3.     return 10；  //默认也是1 ，分区中的行的个数 
    4. 

  
  
  4. }   
    5. 
 
 


 


（3）-（UITableViewCell *)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;


返回指定的row 的cell。这个地方是比较关键的地方，一般在这个地方来定制各种个性化的 cell元素。这里只是使用最简单最基本的cell 类型。


其中有一个主标题cell.textLabel 还有一个副标题cell.detailTextLabel,  还有一个 image在最叫cell.imageView.  还可以设置右边的图标，通过cell.accessoryType 可以设置是饱满的向右的蓝色箭头，还是单薄的向右箭头，还是勾勾标记。



   
   



 
 
    

  
  
  1. //设置每行调用的cell 
    2. 

  
  
  2. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
    3. 

  
  
  3. static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";//自定义的标识符 
    4. 

  
  
  4.     
    5. 

  
  
  5.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: 
    6. 

  
  
  6.                              SimpleTableIdentifier]; 
    7. 

  
  
  7.     if (cell == nil) {   
    8. 

  
  
  8.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault 
    9. 

  
  
  9.                                        reuseIdentifier: SimpleTableIdentifier] autorelease]; 
    10. 

  
  
  10.  } 
    11. 

  
  
  11.  cell.imageView.image=image;//未选cell时的图片 
    12. 

  
  
  12.  cell.imageView.highlightedImage=highlightImage;//选中cell后的图片 
    13. 

  
  
  13.  cell.text=@”测试文本”; 
    14. 

  
  
  14.  return cell; 
    15. 

  
  
  15. } 
    16. 
 
 


 


   表中的每一行都代表一个UITableViewCell。可以使用图像、文本还有辅助的图标等来自定义你自己的UITableViewCell。你可以自定义你自己的cell如下模型或者像appstore那样的。



   
   

cell格式

（4）- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section


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


 



  
  
    

   
   
  1. - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section   
    2. 

   
   
  2. {   
    3. 

   
   
  3.     if (tableView == tableView_)   
    4. 

   
   
  4.     {   
    5. 

   
   
  5.         if (section == 0)    
    6. 

   
   
  6.         {   
    7. 

   
   
  7.          return @"Girls";   
    8. 

   
   
  8.         } 
    9. 

   
   
  9.         else  
    10. 

   
   
  10.         {   
    11. 

   
   
  11.             return @"Boys";   
    12. 

   
   
  12.         } 
    13. 

   
   
  13.     }    
    14. 

   
   
  14. }   
    15. 
  
  





   
   

（5）设置让UITableView行缩进







  
  
    

   
   
  1. // 把每一行的缩进级别设置为其行号，第一行为1，第二行为2 
    2. 

   
   
  2. -(NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    3. 

   
   
  3.  NSUInteger row = [indexPath row]; 
    4. 

   
   
  4.  return row; 
    5. 

   
   
  5. } 
    6. 
  
  



（6）设置cell每行间隔的高度 


 
 
    

  
  
  1. - (CGFloat)tableView:(UITableView *)tableView eightForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    2. 

  
  
  2.     return 40; 
    3. 

  
  
  3. } 
    4. 
 
 


（7）设置选中Cell的响应事件



 
 
    

  
  
  1. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ 
    2. 

  
  
  2.  [tableView deselectRowAtIndexPath:indexPath animated:YES];//选中后的反显颜色即刻消失 
    3. 

  
  
  3. } 
    4. 
 
 


该方法是选中之后执行。另一个方法willSelectRowAtIndexPath是在一行选择前调用，通常用来阻止某行的能否被选中

 
 
    

  
  
  1. -(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath 
    2. 

  
  
  2. { 
    3. 

  
  
  3.   if(row == 0) 
    4. 

  
  
  4.      return nil;//设置第一个可见行不能被选中 
    5. 

  
  
  5.      return indexPath; 
    6. 

  
  
  6. } 
    7.

UITableView

UITableView2

图片说明：此图片是从其他网站上戒掉的部分图。和上述代码运行效果不大相同。

 


 

 

  本文转自HDDevTeam 51CTO博客，原文链接：http://blog.51cto.com/hddev/917290，如需转载请自行联系原作者
文章标签：
存储
iOS开发
搜索推荐
科技小先锋
目录
相关文章
众所周知
|
6月前
|
开发者 iOS开发
介绍 UITableView 和 UICollectionView，它们的区别是什么？
介绍 UITableView 和 UICollectionView，它们的区别是什么？
众所周知
169 0
JoanKing
|
iOS开发 容器
（五）UITableView的用法一
（五）UITableView的用法一
JoanKing
195 0
JoanKing
UITableView的创建
UITableView的创建
JoanKing
95 0
游贤明
UITableView的headerView展开缩放动画
游贤明
3022 0
文艺小青年
|
iOS开发
[转]自定义UITableView各种函数
文艺小青年
812 0
橘子红了呐
如何使用UITableView
橘子红了呐
904 0
文艺小青年
|
iOS开发
【转】UITableView划动删除的实现
文艺小青年
1033 0
技术小美
8月19学习练习[两三个TableView并排显示]
技术小美
1154 0
技术小胖子
|
存储
代码实现 UITableView与UITableViewCell
技术小胖子
1278 0
余二五
|
数据安全/隐私保护
关于UITextField一些用法
余二五
1135 0