为什么会这样？

Question

我一直在尝试在CAKeyFrameAnimation完成后更新按钮的位置。截至目前，我已经在弧上以一定角度停止了动画（最终角度）但是，按钮所采取的触摸似乎是在动画发生之前的那个点。

这是我一直在使用的代码：

for(int i = 0; i <numberOfButtons; i++)
{
    double angle = [[self.buttonsArray objectAtIndex:i] angle];

    if(angle != -50 && angle !=270){
        CGPoint arcStart = CGPointMake([[self.buttonsArray objectAtIndex:i] buttonForCricle].center.x, [[self.buttonsArray objectAtIndex:i] buttonForCricle].center.y);
        CGPoint arcCenter = CGPointMake(centerPoint.x, centerPoint.y);
        CGMutablePathRef arcPath = CGPathCreateMutable();
        CGPathMoveToPoint(arcPath, NULL, arcStart.x, arcStart.y);
        CGPathAddArc(arcPath, NULL, arcCenter.x, arcCenter.y, 150, ([[self.buttonsArray objectAtIndex:i] angle]*M_PI/180), (-50*M_PI/180), YES);
        UIButton *moveButton = (UIButton *)[self.view viewWithTag:i+1];
        CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
        pathAnimation.calculationMode = kCAAnimationPaced;
        pathAnimation.fillMode = kCAFillModeForwards;
        // pathAnimation.values = @[@0];
        pathAnimation.removedOnCompletion = NO;
        pathAnimation.duration = 1.0;
        pathAnimation.path = arcPath;
        CGPathRelease(arcPath);

        //  UIView* drawArcView = nil;
        //  drawArcView = [[UIView alloc] initWithFrame: self.view.bounds];
        //  CAShapeLayer* showArcLayer = [[CAShapeLayer alloc] init];
        //  showArcLayer.frame = drawArcView.layer.bounds;
        //  showArcLayer.path = arcPath;
        //  showArcLayer.strokeColor = [[UIColor blackColor] CGColor];
        //  showArcLayer.fillColor = nil;
        //  showArcLayer.lineWidth = 1.0;
        //  [drawArcView.layer addSublayer: showArcLayer];
        //  [self.view addSubview:drawArcView];

        [moveButton.layer addAnimation:pathAnimation forKey:@"arc"];
        [CATransaction commit];
        [self.view bringSubviewToFront:moveButton];

    }  

}

如何在此之后更新按钮位置？

Answer 1

为什么会这样？

您所看到的是动画只会改变＆＃34;演示值＆＃34;一个图层，而不更改＆＃34;模型值＆＃34;。除此之外，默认情况下动画会在完成后被移除，并且您可以解释为什么按钮会在动画结束后返回其原始位置。

这是实际按钮的状态，以及当用户点击它时测试它的位置。

removedOnCompletion = NO和fillMode = kCAFillModeForwards的组合使按钮看起来像是移动到了它的最终位置，但它实际上导致了演示值和模型值之间的差异坚持下去。

简单地说，按钮看起来像是在一个位置，但它实际上处于另一个位置。

如何解决

对于这种情况，我建议在完成时删除动画，并且不指定任何特殊填充模式，然后解决按钮位置不正确的问题。

他们这样做的方法是将按钮位置/中心设置为其最终值。这将使按钮的模型位置立即改变，但在动画期间，其呈现位置保持不变。动画结束并删除后，按钮将返回其模型值，该值与动画的最终值相同。所以按钮看起来都在正确的位置。

通常最简单的更新模型值的地方是在创建动画对象之后但在将其添加到图层之前。

更改位置将创建并添加隐式动画。但只要显式动画（你正在创建的动画）更长，隐式动画就不可见了。

如果您不想创建此隐式动画，则可以仅围绕更新位置属性的行创建CATransansaction，并禁用操作（请参阅setDisableActions:）

如果您想了解更多信息，我有a blog post about how layers work with multiple animations和an answer to a question about when to update the layer。

是否可以在CAKeyFrameAnimation之后更新按钮的位置？

1 个答案:

为什么会这样？

如何解决