圆形滑块，同时与CA

Question

动画怪异的行为我想作一个圆形滑块，可拖动和动画。到目前为止，我已经设法构建滑块，并使用拖动手柄来移动它并进行动画处理。有时，动画出错（错误的方向或最短的方向。我已经子类化一个UIView（将是一个UIControl很快，只是想立刻先拿到动画）加入了PanGestureRecognizer和若干层的图纸。

？

那么，如何解决这个怪异的行为我已经有人可以帮助我在这里，我要感谢:)

这里的样本项目 - >http://cl.ly/2l0O3b1I3U0X

非常感谢！

编辑：

这里的绘图代码：

CALayer *aLayer = [CALayer layer]; 
aLayer.bounds = CGRectMake(0, 0, 170, 170); 
aLayer.position = self.center; 
aLayer.transform = CATransform3DMakeRotation(M_PI_4, 0, 0, 1); 

self.handleHostLayer = [CALayer layer]; 
self.handleHostLayer.bounds = CGRectMake(0, 0, 170, 170); 
self.handleHostLayer.position = CGPointMake(CGRectGetMaxX(aLayer.bounds) - 170/2.0, CGRectGetMaxY(aLayer.bounds) - 170/2.0); 

[aLayer addSublayer:self.handleHostLayer]; 
[self.layer addSublayer:aLayer]; 

self.handle = [CALayer layer]; 
self.handle.bounds = CGRectMake(0, 0, 50, 50); 
self.handle.cornerRadius = 25; 
self.handle.backgroundColor = [UIColor whiteColor].CGColor; 
self.handle.masksToBounds = NO; 
self.handle.shadowOffset = CGSizeMake(3.0, 0.0); 
self.handle.shadowRadius = 0; 
self.handle.shadowOpacity = .15; 
self.handle.shadowColor = [UIColor blackColor].CGColor; 

[self.handleHostLayer addSublayer:self.self.handle]; 

这里的动画代码：

CGFloat handleTarget = ToRad(DEG); 

CABasicAnimation *rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; 
rotationAnimation.fromValue = @([[self.handleHostLayer valueForKeyPath:@"transform.rotation"] floatValue]); 
rotationAnimation.toValue = @(handleTarget); 
rotationAnimation.duration = .5; 
rotationAnimation.removedOnCompletion = NO; 
rotationAnimation.fillMode = kCAFillModeForwards; 
rotationAnimation.cumulative = YES; 
rotationAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]; 

[self.handleHostLayer addAnimation:rotationAnimation forKey:@"transform.rotation"]; 

Answer 1

OK，我看着你的项目。您的问题是，从角度和角度都不落在0≤ɸ<2π范围内。

可以确保他们通过添加和删除2π，直到他们都是该范围内的事。

CGFloat fromAngle = [[self.handleHostLayer valueForKeyPath:@"transform.rotation"] floatValue]; 
CGFloat toAngle = handleTarget; 

while (fromAngle >= 2.0*M_PI) { fromAngle -= 2*M_PI; } 
while (toAngle >= 2.0*M_PI) { toAngle -= 2*M_PI; } 
while (fromAngle < 0.0)  { fromAngle += 2*M_PI; } 
while (toAngle < 0.0)  { toAngle += 2*M_PI; } 

CABasicAnimation *rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; 
rotationAnimation.fromValue = @(fromAngle); 
rotationAnimation.toValue = @(toAngle); 
// As before... 

---

另一种东西，你可以改变是removeOnCompletion滥用。我在this answer中做了一个很长的解释，说明为什么这样做不好。

简而言之：你是不是从你以为你是动画，因为你无意中引入层属性的值，哪些是你在屏幕上看到的差异值动画。

跳过该行一起。您也可以跳过累计行，因为您不重复该动画。现在，如果您的动画没有粘贴：在将动画添加到动画之前，将模型值设置为其最终值。