UIView UIBezierPath CGPath CAShapeLayer 等的关系

UIView UIBezierPath CGPath CAShapeLayer 等的关系

前言：推荐使用 Dash 这个软件来查看 API 文档，比 xcode 自带的 API 文档方便太多

这些东西的关系，我到现在才整明白，分享下：

需求：

比如，我们需要在一个 ViewController 的 view 中添加一个圆形的 UIView，如何做呢？

你需要知道的

1. UIBezierPath 可以画任何形状
2. CGPath 是 UIBezierPath 的一个属性，可以从 UIBezierPath 中获取，也就是说 UIBezierPath 是高于 CGPath 的上层模型
3. UIView 是画板，UIBezierPath 是画笔，在操作的时候不是往画板上添加东西，还是直接在画板上作画
4. 要想作画，你需要在 UIView 的 draw() 方法中用 UIBezierPath 画画，不能新建 UIView 对象后再添加路径

实现步骤

1. 新起一个 BallView: UIView 类, 在 draw() 方法中实现画画的方法

class BallView: UIView {
    override func draw(_ rect: CGRect) {
        // 在 rect 框架中新想一个椭圆路径，如果 rect 是方形的，这个路径就是正圆的
        let path = UIBezierPath(ovalIn: rect)
        
        // 设置路径的描边宽度
        path.lineWidth = 1
        
        // 设置这个路径的填充颜色和描边颜色
        UIColor.orange.setFill()
        UIColor.yellow.setStroke()
        
        // 填充这个路径，描边这个路径
        path.stroke()
        path.fill()
    }
}

2. 在你需要的 ViewController 中新建 BallView 对象，并添加到 view 的子 views 中

注意： 新建的任何 UIView 默认情况下背景是不透明的，你需要单独设置这个属性值来实现背景透明 isOpaque: Bool

class AnimationDymanicVC: UIViewController {
   override func viewDidLoad() {
        super.viewDidLoad()
        // 在 frame 中新建一个 BallView: CGRect 可以有多种实现方法，具体看 API
        let ballView = BallView(frame: CGRect(origin: view.center, size: CGSize(width: 60, height: 60)))
        ballView.isOpaque = false // 没有设置这条的时候显示是图1那样，设置以后是图2那样
        view.addSubview(ballView)
    }
}