更新CALayer的旋转

Question

我正在尝试更新CALayer的当前轮换（有时是位置）。

我想通过几个简单的步骤来尝试：

1. 将几个CALayers存储在一个数组中，这样我就可以重用它们
2. 将所有CALayers的锚点设置为0,0。
3. 绘制CALayer对象，其中对象从圆上的位置开始
4. 这些层旋转的角度与该位置的圆相同
5. 更新CALayer的位置和旋转以匹配新值

这是我的一段代码：

lineWidth是一条线的宽度
self.items是一个包含CALayer对象的数组

func updateLines() {

    var space = 2 * M_PI * Double(circleRadius);
    var spaceAvailable = space / (lineWidth)

    var visibleItems = [Int]();

    var startIndex = items.count - Int(spaceAvailable);
    if (startIndex < 0) {
        startIndex = 0;
    }

    for (var i = startIndex; i < self.items.count; i++) {
        visibleItems.append(self.items[i]);
    }

    var circleCenter = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame));

    /* Each line should move up and rotate accordin to this value */
    var anglePerLine: CGFloat = (360 / CGFloat(visibleItems.count)).toRadians()

    /* Starting position, 270 degrees is on top */
    var startAngle: CGFloat = CGFloat(270).toRadians();

    /* Lines default rotation, we rotate it to get the right side up */
    var lineAngle: CGFloat = CGFloat(180).toRadians();

    for (var itemIndex = 0; itemIndex < visibleItems.count; itemIndex++) {
        var itemLayer = self.itemLayers[itemIndex];
        itemLayer.opacity = 1 - ((0.9 / visibleItems.count) * itemIndex);

        /* Calculate start position of layer */
        var x = CGFloat(circleRadius) * cos(startAngle) + CGFloat(circleCenter.x);
        var y = CGFloat(circleRadius) * sin(startAngle) + CGFloat(circleCenter.y);
        var height = CGFloat((arc4random() % 80) + 10);

        /* Set position and frame of layer */
        itemLayer.frame = CGRectMake(CGFloat(x), CGFloat(y), CGFloat(lineWidth), height);
        itemLayer.position = CGPointMake(CGFloat(x), CGFloat(y));

        var currentRotation = CGFloat((itemLayer.valueForKeyPath("transform.rotation.z") as NSNumber).floatValue);
        var newRotation = lineAngle - currentRotation;

        var rotationTransform = CATransform3DRotate(itemLayer.transform, CGFloat(newRotation), 0, 0, 1);
        itemLayer.transform = rotationTransform;

        lineAngle += anglePerLine;
        startAngle += anglePerLine;
    }
}

第一次运行的结果与我希望的完全一样：

第二次运行此代码只是没有正确更新CALayers，它开始看起来像这样：

我认为它与我的代码有关，以更新CALayer的location和transform属性，但无论我做什么，它总是导致最后一张图片。

Answer 1

通过Twitter回答：设置框架和转换是互斥的。 乐意效劳。 查找我的SO登录凭据更难。 ：d

Answer 2

感谢@iosengineer在Twitter上找到答案。 在CALayer上设置position时，您不希望更新图层的frame ，但是您想要更新bounds 。

平滑动画FTW