一般都是使用CAShapeLayer 绘制图形, 今天突然看到使用 drawRect 绘制图片, 在想两个异同点. 为什么shapeLayer 会成为主流的结合贝塞尔曲线绘制图形
override func draw(in ctx: CGContext) {
let red = UIColor.red
red.set()
//绘制矩形
let rectPath = UIBezierPath(rect: CGRect(x: position.x - 30, y: position.y - 30, width: 60, height: 60))
ctx.addPath(rectPath.cgPath)
ctx.setStrokeColor(UIColor.orange.cgColor)
ctx.setLineWidth(1.0)
ctx.strokePath()
let shapeLayer = CAShapeLayer()
shapeLayer.frame = CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height)
shapeLayer.path = rectPath.cgPath
shapeLayer.strokeColor = UIColor.red.cgColor
shapeLayer.lineWidth = 2
self.addSublayer(shapeLayer)
}
drawRect: 属于 CoreGraphics框架, 占用CPU, 性能消耗大
CAShapeLayer : 属于 CoreAnimation 框架, 通过GPU来渲染图形, 节省性能. 动画渲染直接交给手机GPU, 不消耗内存
CAShapeLayer 与 UIBezierPath的关系
CAShapeLayer 中的shaper代表形状, 所以需要形状才能生效
贝塞尔曲线可以创建基于矢量的路径, 而 UIBezierPath类 是对 CGPathRef的封装, 贝塞尔曲线 给CAShapeLayer提供路径, CAShapeLayer 在提供的路径中进行渲染, 路径会闭环, 所以绘制除了shape
用于CAShapeLayer的贝塞尔曲线作为path，其path是一个首尾相接的闭环的曲线，即使该贝塞尔曲线不是一个闭环的曲线
