问题描述
众所周知,UIView
的主/根层,例如 view.layer
,将自动调整大小以填充 UIView
的框架(但是,根层的子层将不会自动调整大小)。
子类化 CALayer
之后,例如:
class CustomLayer : CALayer {
//...
}
我可以实现哪些方法来“绘制”内容以便图层在用作视图的根 CALayer 时自动调整大小?
UIBezierPath(roundedRect: self.view.frame,byRoundingCorners: [.topLeft],cornerRadii: CGSize(width: 17,height: 15))
更新 CALayer 的路径,但是能够创建一个自定义的 CALayer
可以作为 UIView
的根层,所以我不需要始终如一地更新它的路径。
有人对此有什么建议吗?最终,我正在努力拥有一个可以支持每个角的唯一半径的图层,该图层将自动填充 UIView
并调整大小,而无需持续更新框架。
解决方法
你可以继承 UIView,覆盖 layerClass 并返回一个 CAShapeLayer:
class Shape: UIView {
override public class var layerClass: AnyClass { CAShapeLayer.self }
var shapeLayer: CAShapeLayer { layer as! CAShapeLayer }
private var bezierPath: UIBezierPath = UIBezierPath() { didSet { shapeLayer.path = bezierPath.cgPath } }
var fillColor: UIColor = .green { didSet { shapeLayer.fillColor = fillColor.cgColor } }
var strokeColor: UIColor = .blue { didSet { shapeLayer.strokeColor = strokeColor.cgColor } }
var lineWidth: CGFloat = 2 { didSet { shapeLayer.lineWidth = lineWidth } }
override func didMoveToSuperview() {
updateShape()
shapeLayer.fillColor = fillColor.cgColor
shapeLayer.strokeColor = strokeColor.cgColor
shapeLayer.lineWidth = lineWidth
}
func updateShape() {
bezierPath = UIBezierPath(roundedRect: bounds,byRoundingCorners: [.topLeft],cornerRadii: CGSize(width: 17,height: 15))
}
override func layoutSubviews() {
super.layoutSubviews()
print(#function)
updateShape()
}
override public func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
super.traitCollectionDidChange(previousTraitCollection)
print(#function)
// you can change the color of your shape here if needed (dark/light mode)
}
}