ios - 如何使 CABasicAnimation 在 superLayer 边界之外不可见？

Question

我试图将一个三角形从 UIView 边界外移动到 UIView 区域。

我正在使用 UIBezierPath。

当三角形在区域之外时，我希望它不可见。我只希望 UIView 内的三角形部分可见。

不幸的是，它在整个动画中都是可见的(在边界外和边界内)。

这是我的代码:

UIBezierPath *triangle = [UIBezierPath bezierPath];
[triangle moveToPoint:CGPointMake(X, Y)];
[triangle addLineToPoint:CGPointMake(X - (width*0.5), Y)];
[triangle addLineToPoint:CGPointMake(X, Y + (width*0.5))];
[triangle closePath];
CAShapeLayer *triLayer = [CAShapeLayer layer];
triLayer.frame = testView.bounds;
triLayer.path = triangle.CGPath;
triLayer.strokeColor = [[UIColor redColor] CGColor];
triLayer.fillColor = [[UIColor yellowColor] CGColor];

[testView.layer addSublayer:triLayer];

CABasicAnimation *triangleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];
triangleAnimation.duration=0.5;
triangleAnimation.repeatCount=1;
triangleAnimation.autoreverses=NO;

triangleAnimation.fromValue=[NSNumber numberWithFloat:(width*0.5)];
triangleAnimation.toValue=[NSNumber numberWithFloat:0];
triangleAnimation.removedOnCompletion = NO;
triangleAnimation.fillMode = kCAFillModeForwards;

[triLayer addAnimation:triangleAnimation forKey:@"animateLayer"];

Answer 1

如果您有对 super View 本身的引用，您可以将其上的 clipsToBounds 属性设置为 YES。否则，您可以使用 CALayer 的 masksToBounds 属性来做同样的事情。