用核心動畫/ CALayers動畫時鐘

Question

我有一個UIViewControler 4層。的

1. 面盤一個手錶/時鐘
2. 二手
3. 分針
4. 時針

我已經得到了每手開始在正確的時間移動的onload（由根據應用程序加載的時間定義一個圓上的角度）。

如何使用CABasicAnimation訪問器方法正確定義運動的運動和持續時間（應該是無窮無盡的）？

例如，我已經設置我的secondHandMotion（這是一個實例化的CABasicAnimation對象）是在對應於當前時間的時鐘框架上的角度：

CABasicAnimation *secondHandMotion = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; 
secondHandMotion.fromValue = [NSNumber numberWithFloat:sAlpha]; 
secondHandMotion.toValue = [NSNumber numberWithFloat:(2*M_PI)]; 
[secondHand addAnimation:secondHandMotion forKey:@"transform"]; 

其中sAlpha是角度作爲時間的功能。 secondHandMotion.toValue聲明是錯誤的，我知道。我如何告訴它繼續移動，並且在正確的時間間隔內持續1秒？

謝謝！

Answer 1

當我實現了這個在我的應用程序之一，我從這個教程

Analog Clock using Quartz Core _斷開鏈接

See Source on Github instead.

它重新計算每一秒都可能發出有關稍微更精確的結果開始到系統時鐘。

我實現旋轉的方式就像這樣（這是動畫部分，您仍然需要先前完成的角度計算）。

CGAffineTransform transform = CGAffineTransformIdentity; 

[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationDuration:1]; 
[UIView setAnimationCurve:UIViewAnimationCurveLinear]; 

self.hourView.transform = CGAffineTransformRotate(transform, hourAngle); 
self.minView.transform = CGAffineTransformRotate(transform, minutesAngle); 
self.secondView.transform = CGAffineTransformRotate(transform, secondsAngle); 

[UIView commitAnimations]; 

注意：我很早就在iOS上寫了這個，所以它可能有點恐怖。

Answer 2

看看PSAnalogClockView。它很好地以可重用的方式解決您的問題。