您的位置:首页 > 产品设计 > UI/UE

计算UITableViewCell之间的间距

2015-08-24 11:18 537 查看
原理:自定义cell,重写setFrame方法.

代理方法中,让cell的高度多加一个值,那么第二个cell、第三个cell以及后面的cell的frame.origin.y 是都多加了一个间隔。然后再减去cell的多加的高度,就多出

了一个间隔

- (void)setFrame:(CGRect)frame
{
frame.origin.y += 10;//整体向下 移动10
frame.size.height -= 10;//间隔为10
[super setFrame:frame];
}


具体原因:

说先要说TableView的数据源方法

方法一 -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

方法二 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

最初我以为只要 每一个frame.origin.y增加10 就会有10的间距,但实际上显示出来的是全部的tableviewcell都向下移动了10。主要是代理方法一,方法一是返回UITableView每个cell的高度。与方法二调用方式不同,方法二是每当屏幕中出现一个Cell时,就调用一次。方法一就根据UITableView的行数,比如当UITableView的行数确定为20行时,方法一就会直接调用20次,算出这20行每行的高度。

之后就是传入的frame这个参数的问题了,他的frame.origin.y,就是根据每行的高度来进行计算的。比如每行的行高都是44,那第一个cell传入的frame.origin.y为0,那第二个cell传入的frame.origin.y为44,那第三个cell传入的frame.origin.y为88,等等等(其实初始时,会传入初始化的frame设置,这里先忽略,以后有空再说)。所以frame.origin.y
+ 10依次每个cell的y值为10、54、98。这样就没有达到目的。

所以在实现代理方法一时,我们就要为每行添加一个间隔的高度,如+10。之后再重写setFrame方法将这10个高度减掉,那么上面的例子就是这样的了,每行的行高都从44变为54,传入的frame.origin.y依次为0、54、108,10个高度减掉后显示的高度依旧是44,frame.origin.y
+ 10依次每个cell的y值为10、64、118,对比上面的10、54、98,后面二个cell都下移了10,因此达到了间隔效果。

- (void)setFrame:(CGRect)frame
{
frame.origin.y +=5;//这个值还有下面的值,还有CGFloat代理方法中的5,要写一样。这个值就是自己想要的cell之间的间距
frame.size.height -=5;
[supersetFrame:frame];
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath
*)indexPath
{
UITableViewCell *cusCell = (UITableViewCell*)[tableViewviewWithTag:indexPath.row+1];
// NSLog(@"cusCell.frame.origin.y:%lf",cusCell.frame.origin.y);
return 44+5;
}

//注意!!!!!!!!!!!
当你的cell要滑动删除的时候,该方法会一直调用setFram方法,导致cell高度、位置错乱 !
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: