1、到了iOS8上,发现uitable是越来越不会用了;不说了,先看一下截屏效果:
设计期望的效果是:
1,自定义一个单元格,背景是黄色的;期望铺满整个表格单元;
2,单元分割线是贯通;
现实与理想的差别如下:
1,黄颜色单元格没能横向铺满整个单元;
2,分割线右侧没有拉到头;
3,我只花了三个单元格;没有充满的空间,OS里也画上了分割线。
这是我的解决方法:
解决问题1的方式是:
设置table的边距:[tableView setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
这是iOS8上新出的特性,所以这个问题在iOS7上没有的。
解决问题2和3的方式是:
第一步:设置统一设置表格的分割线留空 [tableView setSeparatorInset:UIEdgeInsetsMake(0, 1000, 0, 0)];
这里设置分割线横行留空1000个像素,这个的目的是为了让所有的分割线画到视图之外,这样子可以让iOS自动补上的分割线都不可见了。
第二步:针对每个单元格设置留空:
[cell setSeparatorInset:UIEdgeInsetsMake(0, 0, 0, 0)];
[cell setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
这样可以让我们需要的单元格分割线回到视图中。
- #import "ViewController.h"
- #import "DemoCell.h"
- @interface ViewController ()
- {
- IBOutlet UITableView *tableView;
- }
- @end
- @implementation ViewController
- - (void)viewDidLoad {
- [super viewDidLoad];
- // Do any additional setup after loading the view, typically from a nib.
- //以下两行为关键代码
- <strong> [tableView setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
- [tableView setSeparatorInset:UIEdgeInsetsMake(0, 1000, 0, 0)];</strong>
- [tableView setSeparatorColor:[UIColor redColor]];
- }
- - (void)didReceiveMemoryWarning {
- [super didReceiveMemoryWarning];
- // Dispose of any resources that can be recreated.
- }
- - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
- {
- return 3;
- }
- - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
- {
- DemoCell *cell = (DemoCell*)[[[NSBundle mainBundle] loadNibNamed:@"DemoCell" owner:self options:nil] lastObject];
- //以下两行为关键代码
- <strong> [cell setSeparatorInset:UIEdgeInsetsMake(0, 0, 0, 0)];
- [cell setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
- </strong>
- return cell;
- }
- @end
2、产品设计今天要求cell的分割线不能是整个屏幕的长度,这时候我们有两种方法可以解决
方法一就是自己写一个label放在cell上
方法二就是自定义一个分割线,方法如下
首先我们要去掉cell默认的分割线,设为none
[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];
然后实现- (void)drawRect:(CGRect)rect方法
- (void)drawRect:(CGRect)rect{
//首先获得上下文
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, [UIColor clearColor].CGColor);
CGContextFillRect(context, rect);
//定义分割线的颜色
CGContextSetStrokeColorWithColor(context, [UIColor lightGrayColor].CGColor);
//定义分割线的坐标
CGContextStrokeRect(context, CGRectMake(125, rect.size.height, rect.size.width - 10, 1));
这里改一下纵坐标(-1)就是上分割线
}
也可以参考这里一些专业说法:http://www.awnlab.com/archives/2463.html
#import "ViewController.h"
#import "DemoCell.h"
@interface ViewController ()
{
IBOutlet UITableView *tableView;
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
//以下两行为关键代码
<strong> [tableView setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
[tableView setSeparatorInset:UIEdgeInsetsMake(0, 1000, 0, 0)];</strong>
[tableView setSeparatorColor:[UIColor redColor]];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 3;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
DemoCell *cell = (DemoCell*)[[[NSBundle mainBundle] loadNibNamed:@"DemoCell" owner:self options:nil] lastObject];
//以下两行为关键代码
<strong> [cell setSeparatorInset:UIEdgeInsetsMake(0, 0, 0, 0)];
[cell setLayoutMargins:UIEdgeInsetsMake(0, 0, 0, 0)];
</strong>
return cell;
}
@end