ios开发技巧之tableView去掉多余的空行分割线自定义cell分割线

最新推荐文章于 2021-05-06 11:16:18 发布

转载最新推荐文章于 2021-05-06 11:16:18 发布 · 891 阅读

文章标签：

#tableView #cell #多余的分割线

iOS 专栏收录该内容

67 篇文章

订阅专栏

本文介绍两种有效方法解决UITableView内容不多但出现多余空白行分割线的问题。一种是通过自定义分割线，另一种是在TableView底部添加一个空的FooterView来隐藏多余的空白行。

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

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

如下图:

代码如下:

 
   01.
   //
  
   02.
   //  TableViewController.m
  
   03.
   //  Test
  
   04.
   //
  
   05.
   //  Created by  on 15/1/25.
  
   06.
   //  Copyright (c) 2015年 http://blog.youkuaiyun.com/yangbingbinga. All rights reserved.
  
   07.
   //
  
   08.
    
   09.
   #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高度为一个像素,来模拟真实的分割线

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

 
   01.
   //
  
   02.
   //  TableViewController.m
  
   03.
   //  Test
  
   04.
   //
  
   05.
   //  Created by  on 15/1/25.
  
   06.
   //  Copyright (c) 2015年 http://blog.youkuaiyun.com/yangbingbinga. All rights reserved.
  
   07.
   //
  
   08.
    
   09.
   #import "TableViewController.h"
  
   10.
    
   11.
   @interface TableViewController ()
  
   12.
    
   13.
   @end
  
   14.
    
   15.
   @implementation TableViewController
  
   16.
    
   17.
   - (void)viewDidLoad {
  
   18.
   [super viewDidLoad];
  
   19.
   <strong>self.tableView.tableFooterView=[[UIView alloc]init];//关键语句
  
   20.
   </strong>    
  
   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