在动画边界上更改动画CAShapeLayer路径
我有一个CAShapeLayer（它是UIView子类的图层），只要视图的bounds大小发生变化，其path就会更新。 为此，我重写了图层的setBounds:方法来重置路径：
@interface CustomShapeLayer : CAShapeLayer
@end
@implementation CustomShapeLayer
- (void)setBounds:(CGRect)bounds
{
[super setBounds:bounds];
self.path = [[self shapeForBounds:bounds] CGPath];
}
这工作正常，直到我动画的界限变化。 我希望将路径设置为动画边界（在UIView动画块中），以便形状图层始终采用其大小。
由于path属性默认没有动画，我想出了这个：
覆盖图层的addAnimation:forKey:方法。 在其中，找出是否将边界动画添加到图层。 如果是这样，则通过复制传递给方法的边界动画中的所有属性来创建第二个显式动画，以便为边界旁边的路径设置动画。 在代码中：
- (void)addAnimation:(CAAnimation *)animation forKey:(NSString *)key
{
[super addAnimation:animation forKey:key];
if ([animation isKindOfClass:[CABasicAnimation class]]) {
CABasicAnimation *basicAnimation = (CABasicAnimation *)animation;
if ([basicAnimation.keyPath isEqualToString:@"bounds.size"]) {
CABasicAnimation *pathAnimation = [basicAnimation copy];
pathAnimation.keyPath = @"path";
// The path property has not been updated to the new value yet
pathAnimation.fromValue = (id)self.path;
// Compute the new value for path
pathAnimation.toValue = (id)[[self shapeForBounds:self.bounds] CGPath];
[self addAnimation:pathAnimation forKey:@"path"];
}
}
}
我从阅读DavidRönnqvist的视图层协同文章中得到了这个想法。 （此代码适用于iOS 8.在iOS 7上，似乎您必须检查动画的keyPath ，而不是@"bounds"而不是@“bounds”。）
触发视图的动画边界更改的调用代码如下所示：
[UIView animateWithDuration:1.0 delay:0.0 usingSpringWithDamping:0.3 initialSpringVelocity:0.0 options:0 animations:^{
self.customShapeView.bounds = newBounds;
} completion:nil];
问题
这大部分工作，但我有两个问题：
偶尔，我得到（崩溃EXC_BAD_ACCESS ）在CGPathApply()触发这个动画的时候，而以前的动画仍在进行中。 我不确定这是否与我的特定实施有关。 编辑：没关系。 我忘了将UIBezierPath转换为CGPathRef 。 谢谢@antonioviero！
使用标准UIView弹簧动画时，视图边界和图层路径的动画稍微不同步。 也就是说，路径动画也以一种有弹性的方式执行，但它并不完全遵循视图的边界。
更一般地说，这是最好的方法吗？ 似乎有一个形状图层，其路径依赖于其边界大小，并且应该与任何边界变化同步动画，这些东西应该可以工作，但我很难。 我觉得必须有更好的方法。
其他事情我已经尝试过
actionForKey:或视图的actionForLayer:forKey:以便返回path属性的自定义动画对象。 我认为这将是首选方式，但我没有找到一种方法来获取应该由封闭动画块设置的事务属性。 即使从动画块内部调用， [CATransaction animationDuration ]等也总是返回默认值。 是否有办法（a）确定您当前在动画块中，并且（b）获取已在该块中设置的动画属性（持续时间，动画曲线等）？
项目
这里是动画：橙色三角形是形状图层的路径。 黑色轮廓是托管形状图层的视图的框架。
看看GitHub上的示例项目。 （这个项目是针对iOS 8的，需要Xcode 6才能运行，对不起。）
更新
Jose Luis Piedrahita向我指出了Nick Lockwood的这篇文章，其中提出了以下方法：
覆盖视图的actionForLayer:forKey:或图层的actionForKey:方法，并检查传递给此方法的密钥是否是您要设置动画的密钥（ @"path" ）。
如果是这样，在图层的“正常”动画属性（如@"bounds" ）之一上调用super将隐式告诉你，如果你在动画块内。 如果视图（图层的委托）返回一个有效的对象（而不是nil或NSNull ），我们就是。
为从[super actionForKey:]返回的动画设置路径动画的参数（持续时间，定时功能等）并返回路径动画。
这确实在iOS 7.x下工作得很好。 但是，在iOS 8下，从actionForLayer:forKey:返回的对象不是一个标准（和记录）的CA...Animation而是私有的_UIViewAdditiveAnimationAction类（ NSObject子类）的一个实例。 由于这个类的属性没有记录，我不能轻易地使用它们来创建路径动画。
_编辑：或者它可能只是工作。 正如Nick在他的文章中提到的，像backgroundColor这样的属性仍然会返回一个标准的CA...Animation iOS上的CA...Animation 8.我将不得不尝试一下。
我知道这是一个古老的问题，但我可以为您提供一个类似于洛克伍德先生的解决方案。 可悲的是，这里的源代码很快，所以你需要将它转换为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)
}
}
我认为你有问题，因为你玩的图层的框架和它的路径在同一时间。
我只需要使用具有自定义drawRect的CustomView：绘制你需要的东西，然后就可以了
[UIView animateWithDuration:1.0 delay:0.0 usingSpringWithDamping:0.3 initialSpringVelocity:0.0 options:0 animations:^{
self.customView.bounds = newBounds;
} completion:nil];
不需要使用pathes
这里是我使用这种方法https://dl.dropboxusercontent.com/u/73912254/triangle.mov
我认为边界和路径动画之间不同步是因为UIVIew spring和CABasicAnimation之间的时序函数不同。
也许你可以尝试使用动画变换，它也应该改变路径（未经测试），完成动画后，可以设置边界。
还有一种可能的方式是对路径进行快照，将其设置为图层的内容，然后为边界设置动画，然后内容应该跟随动画。
链接地址: http://www.djcxy.com/p/74197.html