前言

操作按钮常常需要设置视图圆角,比如注册页面的注册按钮。


iOS设置视图圆角失效的解决方案_数据


I iOS设置视图cornerRadius属性失效的解决方案

1.1 解决步骤

1、尝试设置​​ _numberLab.clipsToBounds = YES;​​​ 2、尝试设置 ​​​ [self.numberLab layoutIfNeeded];​​​ 之后再执行​​cornerRadius​


在设置完约束后, 并不能马上得到它的frame, 只要添加[self.view layoutIfNeeded]; 就能拿到frame设置圆角了


- (void)layoutSubviews{
[super layoutSubviews];


[self.numberLab layoutIfNeeded];

[self.contentView bringSubviewToFront:self.numberLab];

self.numberLab.layer.cornerRadius =self.numberLab.height*0.5;
}

3、尝试设置​​ _numberLab.layer.masksToBounds = YES;​

1.2 masksToBounds属性是什么?它有什么作用

  • masksToBounds指在设置子layer在超出父layer时是否被裁剪,YES表示裁剪,NO表示不裁剪,默认是NO;通常在通过设置layer.cornerRadius属性实现圆角效果时要设置masksToBounds为YES,以保证圆角效果的实现,但这种方法是一种很低效的实现方式,也是最简单直接的。
  • masksToBounds和clipsToBounds是不同的,前者指子layer层在超出父layer时是否被裁剪(masksToBounds是CALayer的属性),而后者指子view在超出父view时是否被裁剪(clipsToBounds是UIView的属性)。

1.3 只设置顶部的圆角

iOS设置视图圆角失效的解决方案_数据_02 用法

- (void)layoutSubviews {
[super layoutSubviews];
[self.titleV layoutIfNeeded];

[self.titleV setCornerOnTop:kAdjustRatio(20)];

}

​setCornerOnTop:​​方法的实现

#pragma mark - Corner Radius

- (void)setCornerOnTop:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerTopRight)
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnBottom:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:(UIRectCornerBottomLeft | UIRectCornerBottomRight)
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnLeft:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerBottomLeft)
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnRight:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:(UIRectCornerTopRight | UIRectCornerBottomRight)
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnTopLeft:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:UIRectCornerTopLeft
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnTopRight:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:UIRectCornerTopRight
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnBottomLeft:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:UIRectCornerBottomLeft
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerOnBottomRight:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
byRoundingCorners:UIRectCornerBottomRight
cornerRadii:CGSizeMake(radius, radius)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setAllCorner:(CGFloat)radius {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds
cornerRadius:radius];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}

- (void)setCornerRadius:(CGFloat)radius {
[self.layer setCornerRadius:radius];
[self.layer setMasksToBounds:YES];
}

II 添加发光的阴影(Shadow)

iOS去掉TabBar的顶部黑线,并添加发光的阴影


 

III 如何对UITableView的滚动加载进行优化,防止卡顿?

表格视图(UITableView)主要用来罗列展示数据项如果数据量很大,那么表格中将需要同样多的cell视图来显示,而cell的大量创建和初始化会造成内存压力,影响界面的流畅性,因此对表格视图的加载优化十分重要。UITableView的·滚动优化·主要在于以下两个方面:

  • 1)减少cellForRowAtIndexPath代理中的计算量(cell的内容计算)。
  • 2)减少heightForRowAtIndexPath代理中的计算量(cell的高度计算)。

3.1 减少cellForRowAtIndexPath代理中的计算量:

  • ① 先要提前计算每个cell中需要的一些基本数据,代理调用的时候直接取出。
  • ② 图片要异步加载,加载完成后再根据cell内部UIImageView的引用设置图片。
  • ③ 图片数量多时,图片的尺寸要根据需要提前经过transform矩阵变换压缩好(直接设置图片的contentMode让其自行压缩仍然会影响滚动效率),必要的时候要准备好预览图和高清图,需要时再加载高清图。
  • ④ 图片的“懒加载”方法,即延迟加载,当滚动速度很快时避免频繁请求服务器数据。
  • ⑤ 尽量手动Drawing视图提升流畅性,而不是直接子类化UITableViewCell,然后覆盖drawRect方法,因为cell中不是只有一个contentview。绘制cell不建议使用UIView,建议使用CALayer。

3.2 减少heightForRowAtIndexPath代理中的计算量:

  • ① 由于每次tableView进行update(更新)都会对每一个cell调用heightForRowAtIndexPath代理取得最新的height,会大大增加计算时间。如果表格的所有cell高度都是固定的,那么去掉heightForRowAtIndexPath代理,直接设置tableView的rowHeight属性为固定的高度。
  • ② 如果高度不固定,那么应尽量将cell的高度数据计算好并储存起来,代理调用的时候直接取,即将height的计算时间复杂度降低到O(1)。

例如,在异步请求服务器数据时,提前将cell高度计算好并作为datasource的一个数据存到数据库供随时取用。

see also

???? 联系作者: iOS逆向(公号:iosrev)


???? 作者简介: 博客专家认证????丨全站 Top 50、华为云云享专家认证????、iOS逆向公号号主


???? 简历模板、技术互助。关注我,都给你。