2015-10-06 82 views
3

this example的启发,我为楔子和弧创建了自定义的CALayer子类。允许我绘制弧形和楔形,并在其中生成动画变化,以便它们沿径向扫动。正确的方法来划分CAShapeLayer

与他们的挫折之一是,显然当你走这个路线有一个子类drawInContext()你受限于层的框架的剪辑。使用库存图层,您有默认falsemasksToBounds!但它似乎一旦你的子类路由与绘图,那是因为隐含和不可改变的true

所以我想我会尝试一种不同的方法,而不是继承CAShapeLayer。而不是增加一个自定义drawInContext(),我只需要我的变量startsweep更新接收器的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(),但无济于事。

回答

1

有几个技巧,以得到这正常工作:

  • 不要使用didSet。相反,您应该覆盖display()并在那里更新self.path。使用(presentation() as! WedgeLayer? ?? self).sweep访问该属性。 (presentation,被称为的OBJ-C和斯威夫特2 presentationLayer,让您在动画期间访问当前可见的属性值。)

  • 如果你想暗示动画,在this answer描述的实施actionForKey

+0

真棒和succint的答案!前两发子弹是否有效?我可以请求你补充说明为什么这种方法有效,而我的没有?特别是第二点要做的是什么。它显然是克服了第一个原因。当我第一次做*时,我通过我的print()声明注意到,当它通过动画时(这是我用原始方法看到的回归),值没有改变。 –