受this example的启发,我为楔子和弧创建了自定义的CALayer
子类。允许我绘制弧形和楔形,并在其中生成动画变化,以便它们沿径向扫动。正确的方法来划分CAShapeLayer
与他们的挫折之一是,显然当你走这个路线有一个子类drawInContext()
你受限于层的框架的剪辑。使用库存图层,您有默认false
的masksToBounds
!但它似乎一旦你的子类路由与绘图,那是因为隐含和不可改变的true
。
所以我想我会尝试一种不同的方法,而不是继承CAShapeLayer
。而不是增加一个自定义drawInContext()
,我只需要我的变量start
和sweep
更新接收器的path
。这很好地工作,但将不再动画,因为它用于:
import UIKit
class WedgeLayer:CAShapeLayer {
var start:Angle = 0.0.rotations { didSet { self.updatePath() }}
var sweep:Angle = 1.0.rotations { didSet { self.updatePath() }}
dynamic var startRadians:CGFloat { get {return self.start.radians.raw } set {self.start = newValue.radians}}
dynamic var sweepRadians:CGFloat { get {return self.sweep.radians.raw } set {self.sweep = newValue.radians}}
// more dynamic unit variants omitted
// we have these alternate interfaces because you must use a type
// which the animation framework can understand for interpolation purposes
override init(layer: AnyObject) {
super.init(layer: layer)
if let layer = layer as? WedgeLayer {
self.color = layer.color
self.start = layer.start
self.sweep = layer.sweep
}
}
override init() {
super.init()
}
required init(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
func updatePath() {
let center = self.bounds.midMid
let radius = center.x.min(center.y)
print("updating path \(self.start) radius \(radius)")
if self.sweep.abs < 1.rotations {
let _path = UIBezierPath()
_path.moveToPoint(center)
_path.addArcWithCenter(center, radius: radius, startAngle: self.start.radians.raw, endAngle: (self.start + self.sweep).radians.raw, clockwise: self.sweep >= 0.radians ? true : false)
_path.closePath()
self.path = _path.CGPath
}
else {
self.path = UIBezierPath(ovalInRect: CGRect(around: center, width: radius * 2, height: radius * 2)).CGPath
}
}
override class func needsDisplayForKey(key: String) -> Bool {
return key == "startRadians" || key == "sweepRadians" || key == "startDegrees" || key == "sweepDegrees" || key == "startRotations" || key == "sweepRotations" || super.needsDisplayForKey(key)
}
}
是没可能作出其动画的价值它再生的路径和更新?在print()
声明中,我可以看到它在动画期间按预期插值。我曾尝试在各个位置添加setNeedsDisplay()
,但无济于事。
真棒和succint的答案!前两发子弹是否有效?我可以请求你补充说明为什么这种方法有效,而我的没有?特别是第二点要做的是什么。它显然是克服了第一个原因。当我第一次做*时,我通过我的print()声明注意到,当它通过动画时(这是我用原始方法看到的回归),值没有改变。 –