label.layer.cornerRadius = 2
label.layer.masksToBounds = YES / label.layer.clipToBounds = YES
这样会出现离屏渲染,如果是每个TableViewCell设置一些圆角,就会使列表滑动起来有明显卡顿。
正确方式:
摒弃label.layer.masksToBounds = YES / label.layer.clipToBounds = YES方法。
情形1:
对于不需要设置背景色的情况,只设置borderWidth、borderColor,cornerRadius,就可以实现圆角功能。
情形2:
对于设置背景色的情况,不去设置label的backgroundColor,而是直接设置label.layer.backgroundColor,这样就可以实现单独设置cornerRadius,显示圆角的效果。
备注:
对于情形2,设置label的backgroundColor同时设置cornerRadius是不能正常显示圆角的,再同时设置borderWidth、borderColor也不行。原因是:UILabel设置backgroundColor的行为,不再是设定layer的背景色而是为contents设置背景色。
我们会经常遇到这样一个需求,给TableViewCell添加标签,例如:饿了么App中店铺会有,减、特、新等标签,这些标签一般都是用UILabel控件实现,UILabel中设置text,textColor,backgroundColor,以及cornerRadius。
这个需求要求我们做圆角,业界也有很多做圆角的方式,最简单的就是设置:
但是这样做(label.layer.cornerRadius >0 &&label.layer.masksToBounds = YES)会出现离屏渲染,对于页面中只有少量需要做圆角,也不会造成卡顿,但是如果是每个TableViewCell设置一些圆角,就会使列表滑动起来有明显卡顿。
业界对于圆角优化很多方式,大家可以搜一下相关文章。本文只针对UILabel的cornerRadius方式进行讲解。先说一下cornerRadius属性,它是影响layer显示的backgroundColor和border,对layer的contents不起作用。
通过设置view.layer的mask属性,可以将另一个layer盖在view上,也可以设置圆角,但是mask同样会触发离屏渲染。
通过贝塞尔曲线生成,view中曲线描述的形状部分会被绘制出来。
背景图片其实是一个不错的解决方案。可以把背景图片设置成那种自动扩展的方式resizableImageWithCapInsets。当然可以通过label.layer.cornerRadius来设置圆角;
设置layer的shadow相关属性是对layer的subLayer起作用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)