iOS View分别裁剪不同值的圆角，打造独具创意的视觉体验

2023-11-02 09:07:36

裁剪View的圆角

要裁剪View的圆角，可以使用Core Graphics框架中的CAShapeLayer类。CAShapeLayer类可以用来创建各种形状的路径，包括圆角矩形。要使用CAShapeLayer类来裁剪View的圆角，可以按照以下步骤进行：

创建一个新的CAShapeLayer对象。
使用UIBezierPath类创建一条圆角矩形的路径。
将路径设置为CAShapeLayer对象的path属性。
将CAShapeLayer对象添加到View的layer属性中。

使用代码裁剪View的圆角

以下是一个使用代码裁剪View圆角的示例：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 创建一个新的View
        let view = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
        view.backgroundColor = .red

        // 创建一个新的CAShapeLayer对象
        let shapeLayer = CAShapeLayer()

        // 创建一条圆角矩形的路径
        let path = UIBezierPath(roundedRect: view.bounds, cornerRadius: 20)

        // 将路径设置为CAShapeLayer对象的path属性
        shapeLayer.path = path

        // 将CAShapeLayer对象添加到View的layer属性中
        view.layer.addSublayer(shapeLayer)

        // 将View添加到视图控制器中
        self.view.addSubview(view)
    }
}

使用扩展裁剪View的圆角

为了使裁剪View圆角的操作更加方便，我们可以使用扩展来对UIView类进行扩展。以下是一个使用扩展来裁剪View圆角的示例：

import UIKit

extension UIView {

    func setCornerRadius(_ radius: CGFloat) {
        let shapeLayer = CAShapeLayer()
        let path = UIBezierPath(roundedRect: self.bounds, cornerRadius: radius)
        shapeLayer.path = path
        self.layer.addSublayer(shapeLayer)
    }
}

使用这个扩展，我们就可以通过以下代码来裁剪View的圆角：

let view = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
view.backgroundColor = .red

view.setCornerRadius(20)

self.view.addSubview(view)

裁剪不同值的圆角

如果我们需要为不同的View设置不同的圆角值，我们可以使用以下代码：

let view1 = UIView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
view1.backgroundColor = .red
view1.setCornerRadius(20)

let view2 = UIView(frame: CGRect(x: 300, y: 100, width: 200, height: 200))
view2.backgroundColor = .blue
view2.setCornerRadius(40)

self.view.addSubview(view1)
self.view.addSubview(view2)