tableView去掉多余的空行分割线

如何去掉tableView多余的空白行分割线?

我们经常会遇到下面的问题,tableView表视图上面的内容不是很多,但是 tableView 却帮忙把 整个屏幕都用 空白行分割线占满了:

如下图:

tableView去掉多余的空行分割线_第1张图片

代码如下:

[cpp]  view plain copy print ?
  1. //  
  2. //  TableViewController.m  
  3. //  Test  
  4. //  
  5. //  Created by  on 15/1/25.  
  6. //  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga. All rights reserved.  
  7. //  
  8.   
  9. #import "TableViewController.h"  
  10.   
  11. @interface TableViewController ()  
  12.   
  13. @end  
  14.   
  15. @implementation TableViewController  
  16.   
  17. - (void)viewDidLoad {  
  18.     [super viewDidLoad];  
  19.       
  20. }  
  21.   
  22. #pragma mark - Table view data source  
  23.   
  24. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {  
  25.     return 1;  
  26. }  
  27.   
  28. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {  
  29.     return 3;  
  30. }  
  31.   
  32. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
  33. {  
  34.     UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];  
  35.     return cell;  
  36. }  
  37.   
  38. @end  
可以看到本来只有3行数据,却显示了很多行的空白分割线,如何去掉?

方法1. 完全去掉所有的分割线,然后 在cell上自定义 一个 view高度为一个像素,来模拟真实的 分割线

tableView去掉多余的空行分割线_第2张图片

2.方法二,如果不想自定义分割线的话,那就来一个粗暴的方法吧,增加一个  footerView即可解决问题代码如下:

[cpp]  view plain copy print ?
  1. //  
  2. //  TableViewController.m  
  3. //  Test  
  4. //  
  5. //  Created by  on 15/1/25.  
  6. //  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga. All rights reserved.  
  7. //  
  8.   
  9. #import "TableViewController.h"  
  10.   
  11. @interface TableViewController ()  
  12.   
  13. @end  
  14.   
  15. @implementation TableViewController  
  16.   
  17. - (void)viewDidLoad {  
  18.     [super viewDidLoad];  
  19.     "font-size:24px;">self.tableView.tableFooterView=[[UIView alloc]init];//关键语句  
  20.       
  21. }  
  22.   
  23. #pragma mark - Table view data source  
  24.   
  25. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {  
  26.     return 1;  
  27. }  
  28.   
  29. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {  
  30.     return 3;  
  31. }  
  32.   
  33. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
  34. {  
  35.     UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];  
  36.     return cell;  
  37. }  
  38.   
  39. @end  
下面,看一下运行效果,看看是不是轻松解决了呢?

tableView去掉多余的空行分割线_第3张图片

本文出处:http://blog.csdn.net/yangbingbinga

你可能感兴趣的:(tableView)