码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-01-25 16:47:29      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:tableview去掉多余分割线   自定义tableview分割线   

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

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

如下图:

技术分享

代码如下:

//
//  TableViewController.m
//  Test
//
//  Created by  on 15/1/25.
//  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga. All rights reserved.
//

#import "TableViewController.h"

@interface TableViewController ()

@end

@implementation TableViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 3;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
    return cell;
}

@end
可以看到本来只有3行数据,却显示了很多行的空白分割线,如何去掉?

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

技术分享

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

//
//  TableViewController.m
//  Test
//
//  Created by  on 15/1/25.
//  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga. All rights reserved.
//

#import "TableViewController.h"

@interface TableViewController ()

@end

@implementation TableViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    <span style="font-size:24px;"><strong>self.tableView.tableFooterView=[[UIView alloc]init];//关键语句
</strong></span>    
}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 3;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
    return cell;
}

@end
下面,看一下运行效果,看看是不是轻松解决了呢?

技术分享

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


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

标签:tableview去掉多余分割线   自定义tableview分割线   

原文地址:http://blog.csdn.net/yangbingbinga/article/details/43114813

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!