如何使用来自底部而不是顶部的原点为 CALayer 的高度设置动画？

Question

我想为一个简单的 CALayer 设置动画以响应传入的数据（图形均衡器上的条形图）上下移动

CALayer 应该在底部保持固定，并随着高度的动画而上下移动。

任何人都可以建议最好的方法来实现这一点，而不必为原点 y 坐标和高度设置动画？

Answer 1

如果您希望图层始终从底部增长和缩小，那么您应该在底部的图层上设置自己的anchorPoint。锚点在层单位坐标空间中指定，因此无论大小，X 和 Y 的范围都在边界内的 0 到 1 之间。

yourLayer.anchorPoint = CGPointMake(0.5, 1.0);

然后对于动画，您只需为边界设置动画（或者更好的是，您可以为"bounds.size.height" 设置动画，因为只有高度在变化）：

// set the new bounds of yourLayer here...

CABasicAnimation *grow = [CABasicAnimation animationWithKeyPath:@"bounds.size.height"];
grow.fromValue = @0;   // from no height
grow.toValue   = @200; // to a height of 200
grow.duration  = 0.5;
// add any additional animation configuration here...
[yourLayer addAnimation:grow forKey:@"grow the height of the layer"];

---

• 您可以在this article I wrote a couple of years ago 中阅读有关锚点的更多信息。
• 您可以阅读更多关于核心动画的键值编码扩展in the documentation。