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

自定义UITableViewCell分割线不显示或粗细不同的原因

2017-01-06 10:23 876 查看
转载自:   http://blog.csdn.net/abc649395594/article/details/44617767

由于系统默认的UITableView的下划线在自定义的时候并不方便。系统有一个方法
tableview setSeparatorInset:inset
1
1

可以修改分割线的起始和终止位置,但是对分割线的粗细和颜色还是无法随心所欲的修改。 

因此我们通常采用自定义一个UITableViewCell的方法来模拟系统提供的分割线。 

实现思路如下:首先创建一个继承自UITableViewCell的子类,并在这个类的view的底部创建一个UIView,将view的高度设为很小的数值,颜色改为黑色(深灰色),从而伪装成一条线。 

最近使用这种方法遇到一个问题,首先是如果一个cell里面有几条线,可能会在某种机型的某个cell中,出现有的线画不出来的情况。并且在所以机型上,滑动tableview的时候,自定义的分割线粗细会发生变化,有时候粗,有时候会变细。 

搜遍了stackoverflow也没有找到原因所在(英语太渣),尝试了好久之后大概摸索出了一些。首先,不能为了追求细线的效果,而把uiview的高度设置的太小。推荐高度至少是0.5-1左右。 

比如可以这样创建separator:
UIView *separator = [[UIView alloc]initWithFrame:CGRectMake(0   cell.height,cell.width,0.5);
1
1

如果separator的高度太低,可能造成无法绘制到屏幕上的bug。同样的原因,在滑动的过程中,由于UITableView的重绘,也会造成粗细上的偏差,其实这个偏差在任何时候都会存在,只是因为自定义的separator太细,导致偏差会大幅度的影响用户的视觉效果。 

没有想到有效的解决办法,不过总结了几点可能改善用户体验技巧: 

1.不要使用UIView的子类(如UIImageView)去绘制separator,这样会降低绘制效率。 

2*.separator的frame.size.height不能太细,推荐在0.5-1之间,如果觉得太厚,可以尝试使用淡色,让separator看起来细一些。 

3.尝试在drawRect方法中绘制细线。 

4.由于cell可以重用,可以尝试用storyboard来画出某一个cell,然后重用(仅为猜测,是否能够提升用户体验并没有经过测试
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: