iOS: UIView,UILabel等 设置圆角的正确方式

iOS: UIView,UILabel等 设置圆角的正确方式,第1张

之前的方式一般是这样的:

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起作用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11306221.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存