iOS开发中设置圆角的方法

在 iOS 中设置图片和视图圆角的方法

在 iOS 开发中，设置图片和视图的圆角是一个常见的需求。以下是几种常用的方法及其优缺点：

1. 通过 layer 设置圆角

这是最简单的方法，但会影响性能。通过设置 layer.cornerRadius 属性可以实现圆角效果。然而，这种方法会触发离屏渲染，导致额外的性能开销，影响 UI 的流畅性。因此，它适用于设置圆角较少的场景，如头像或按钮的圆角。

2. 使用贝塞尔曲线和 Core Graphics 框架

这种方法适合需要设置大量圆角控件的场景。通过 UIBezierPath 和 Core Graphics 框架绘制圆角，不会操作到 layer 层，能够高效地添加圆角。例如，在 UITableView 或 UICollectionView 中给 cell 添加圆角时，此方法非常适用。

3. 使用 CAShapeLayer 和 UIBezierPath 设置圆角

这是最佳的方法，内存消耗最少，渲染速度快。通过创建一个 CAShapeLayer 并使用 UIBezierPath 描述圆角路径，然后将其添加到视图的 layer 上，可以实现高效的圆角效果。

正确设置圆角的方法

传统的设置圆角方法通常是：

label.layer.cornerRadius = 2;
label.layer.masksToBounds = YES; // 或 label.layer.clipToBounds = YES;

这种方式会导致离屏渲染，如果在每个 UITableViewCell 中设置圆角，会使列表滑动时出现明显的卡顿。正确的做法是：

情形1：不设置背景色

对于不需要设置背景色的情况，只需设置 borderWidth、borderColor 和 cornerRadius，即可实现圆角效果。

情形2：设置背景色

对于需要设置背景色的情况，不要设置 label.backgroundColor，而是直接设置 label.layer.backgroundColor，这样可以单独设置 cornerRadius，显示圆角效果。

注意：如果同时设置 label.backgroundColor 和 cornerRadius，圆角效果可能无法正常显示，因为 UILabel 设置背景色的行为不再是设定 layer 的背景色，而是为 contents 设置背景色。

给 UIImageView 添加圆角的三种方法

在 iOS 开发中，经常需要给 UIImageView 添加圆角，如设置用户头像的圆角。以下是三种常用的方法：

方法一：通过设置 UIView 的 layer 来设置圆角

此方法的缺点是会触发离屏渲染，影响性能，导致卡顿现象。

方法二：通过 Core Graphics 绘制图片并裁剪成圆角

裁剪后设置图片即可，这种方法不会触发离屏渲染，性能较好。

方法三：通过贝塞尔曲线绘制图片

绘制后设置 UIImageView 的图片即可，这种方法同样不会触发离屏渲染，性能较好。

以上三种方法各有优缺点，需要根据实际情况选择合适的方法。

总结

通过设置 view.layer 的 mask 属性也可以实现圆角效果，但同样会触发离屏渲染。生成遮罩的两种方式分别是通过图片和贝塞尔曲线。重新绘制带圆角的视图会增加 CPU 负担和内存开销，但能保持较高的帧率。最优解是在要添加圆角的视图上叠加一个部分透明的视图，只对圆角部分进行遮挡，这种方法没有离屏渲染，也没有额外的 CPU 计算，但应用范围有限。