动画边界上的动画CAShapeLayer路径更改

4 回答

• 4

  我认为它在边界和路径动画之间是不同步的，因为UIVIew spring和CABasicAnimation之间的定时功能不同 .

  也许您可以尝试使用动画转换，它也应该转换路径（未经测试），在完成动画后，您可以设置边界 .

  另一种可能的方法是对路径进行快照，将其设置为图层的内容，然后为边界设置动画，然后内容应该遵循动画 .

  回复于 2024-05-02T19:50:23+08:00
• 1

  我认为你有问题，因为你同时使用图层的框架和它的路径 .

  我会选择具有自定义drawRect的CustomView：它可以绘制您需要的东西，然后就可以了

  [UIView animateWithDuration:1.0 delay:0.0 usingSpringWithDamping:0.3 initialSpringVelocity:0.0 options:0 animations:^{
      self.customView.bounds = newBounds;
  } completion:nil];
  

  Sor根本不需要使用pathes

  以下是我使用这种方法的方法https://dl.dropboxusercontent.com/u/73912254/triangle.mov

  回复于 2024-05-02T19:50:23+08:00
• 3

  找到动画 path 的动画解决方案 CAShapeLayer ，同时 bounds 动画：

  typedef UIBezierPath *(^PathGeneratorBlock)();
  
  @interface AnimatedPathShapeLayer : CAShapeLayer
  
  @property (copy, nonatomic) PathGeneratorBlock pathGenerator;
  
  @end
  
  @implementation AnimatedPathShapeLayer
  
  - (void)addAnimation:(CAAnimation *)anim forKey:(NSString *)key {
      if ([key rangeOfString:@"bounds.size"].location == 0) {
          CAShapeLayer *presentationLayer = self.presentationLayer;
          CABasicAnimation *pathAnim = [anim copy];
          pathAnim.keyPath = @"path";
          pathAnim.fromValue = (id)[presentationLayer path];
          pathAnim.toValue = (id)self.pathGenerator().CGPath;
          self.path = [presentationLayer path];
          [super addAnimation:pathAnim forKey:@"path"];
      }
      [super addAnimation:anim forKey:key];
  }
  
  - (void)removeAnimationForKey:(NSString *)key {
      if ([key rangeOfString:@"bounds.size"].location == 0) {
          [super removeAnimationForKey:@"path"];
      }
      [super removeAnimationForKey:key];
  }
  
  @end
  
  //
  
  @interface ShapeLayeredView : UIView
  
  @property (strong, nonatomic) AnimatedPathShapeLayer *layer;
  
  @end
  
  @implementation ShapeLayeredView
  
  @dynamic layer;
  
  + (Class)layerClass {
      return [AnimatedPathShapeLayer class];
  }
  
  - (instancetype)initWithGenerator:(PathGeneratorBlock)pathGenerator {
      self = [super init];
      if (self) {
          self.layer.pathGenerator = pathGenerator;
      }
      return self;
  }
  
  @end
  

  回复于 2024-05-02T19:50:23+08:00
• 0

  我知道这是一个老问题，但我可以为您提供一个类似于洛克伍德先生方法的解决方案 . 可悲的是，这里的源代码很快，所以你会需要将其转换为ObjC .

  如前所述，如果图层是视图的背衬层，则可以在视图中截取CAAction . 然而，例如，如果在多于一个视图中使用背衬层，则这是不方便的 .

  好消息是actionForLayer：forKey：实际上在后备层调用actionForKey :.

  它位于actionForKey中：在后备层中，我们可以拦截这些调用，并在路径更改时提供动画 .

  用swift编写的示例层如下：

  class AnimatedBackingLayer: CAShapeLayer
  {
  
      override var bounds: CGRect
      {
          didSet
          {
              if !CGRectIsEmpty(bounds)
              {
                  path = UIBezierPath(roundedRect: CGRectInset(bounds, 10, 10), cornerRadius: 5).CGPath
              }
          }
      }
  
      override func actionForKey(event: String) -> CAAction?
      {
          if event == "path"
          {
              if let action = super.actionForKey("backgroundColor") as? CABasicAnimation
              {
                  let animation = CABasicAnimation(keyPath: event)
                  animation.fromValue = path
                  // Copy values from existing action
                  animation.autoreverses = action.autoreverses
                  animation.beginTime = action.beginTime
                  animation.delegate = action.delegate
                  animation.duration = action.duration
                  animation.fillMode = action.fillMode
                  animation.repeatCount = action.repeatCount
                  animation.repeatDuration = action.repeatDuration
                  animation.speed = action.speed
                  animation.timingFunction = action.timingFunction
                  animation.timeOffset = action.timeOffset
                  return animation
              }
          }
          return super.actionForKey(event)
      }
  
  }
  

  回复于 2024-05-02T19:50:23+08:00