如何做一个非常流畅的第二时钟动画（没有滴答动作）就像iPad时钟

Question

我正在开发一个iPad应用程序，我试图显示秒针的秒针显示秒针动作，就像每秒更新一次。

- (void) updateClock:(NSTimer *)theTimer{
    dateComponents = [[NSCalendar currentCalendar] components:(NSHourCalendarUnit | NSMinuteCalendarUnit | NSSecondCalendarUnit) fromDate:[NSDate date]];
    seconds = [dateComponents second];
    minutes = [dateComponents minute];
    hours = [dateComponents hour];
    secAngle = Degrees2Radians(seconds/60.0*360);
    minAngle = Degrees2Radians(minutes/60.0*360);
    hourAngle = Degrees2Radians(hours/24.0*360) + minAngle/24.0;
    secHand.transform = CATransform3DMakeRotation (secAngle+M_PI, 0, 0, 1);
    hourHand.transform = CATransform3DMakeRotation (hourAngle+M_PI, 0, 0, 1);
    minHand.transform = CATransform3DMakeRotation (minAngle+M_PI, 0, 0, 1);
}

- (void)start{
    timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateClock:) userInfo:nil repeats:YES];
}

然而，它现在的工作方式，它表明它每秒都在滴答作响。但我真正想要的是为图层设置动画，使它看起来在1到1分钟内从0到360完全旋转连续运动，但是，我只能让它从0到360开始做到满旋转，所以我用了秒针以下：

-(void)startSmooth{
    started = YES;
    CABasicAnimation *fullRotation;
    fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    fullRotation.fromValue = [NSNumber numberWithFloat:0];
    fullRotation.toValue = [NSNumber numberWithFloat:((360*M_PI)/180)];
    fullRotation.duration = 60.0f;
    fullRotation.repeatCount = HUGE_VALF;
    [secHand addAnimation:fullRotation forKey:@"360"];
}

然而，问题是它始终以0度角开始旋转，所以针看起来似乎总是看起来从30秒开始运动，无论什么时候。

我想要做的是从秒针应该处于的实际点开始。我怎样才能做到这一点？

Answer 1

实际上有两个问题：动画的最佳方式以及如何获得毫秒

替代基于NSTimer的动画

您可能需要考虑使用CADisplayLink而不是NSTimer或核心动画。

首先，您可以创建CADisplayLink属性：

@property (nonatomic, strong) CADisplayLink *displayLink;

其次，您可以设置显示链接并启动它：

- (void)startDisplayLink
{
    self.displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(handleDisplayLink:)];
    [self.displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
}

第三，你可以把你的时钟绘图逻辑放在这里：

- (void)handleDisplayLink:(CADisplayLink *)displayLink
{
    // update your clock hands here
}

最后，如果您需要停止显示链接，可以致电：

- (void)stopDisplayLink
{
    [self.displayLink invalidate];
    self.displayLink = nil;
}

如何获得毫秒

虽然我最初认为你专注于动画问题，但我意识到问题的根源是NSDateComponents遗憾地没有做毫秒。有很多方法可以获得毫秒，但我可能只使用日期格式化程序：

NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
formatter.dateFormat = @"hh:mm:ss.SSS";
NSString *string = [formatter stringFromDate:[NSDate date]];
NSArray *timeComponents = [string componentsSeparatedByString:@":"];

// if time was 09:48:17.197, then

NSInteger hour = [timeComponents[0] integerValue];    // 9
NSInteger min = [timeComponents[1] integerValue];     // 48
CGFloat floatSec = [timeComponents[2] floatValue];    // 17.197

如果您希望时针和分针扫过，就像秒针一样，那么您也可以计算它们的小数值：

CGFloat floatMin = min + (floatSec / 60.0);           // 48.287
CGFloat floatHour = hour + (floatMin / 60.0);         // 9.805

Answer 2

谢谢大家，我使用开发人员文档通过使用fromValue和byValue而不是fromValue和toValue找到了我自己问题的答案

只需改变：

-(void)startSmooth{
    CABasicAnimation *fullRotationSec;
    fullRotationSec = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    fullRotationSec.fromValue = [NSNumber numberWithFloat:secAngle+M_PI];
    fullRotationSec.byValue = [NSNumber numberWithFloat:((360*M_PI)/180)];
    fullRotationSec.duration = 60.0f;
    fullRotationSec.repeatCount = HUGE_VALF;
    [secHandView addAnimation:fullRotation forKey:@"360"];
}

Answer 3

我最近根据计时器回答this SO question about drawing a clock face。此动画可以在任何频率（任何“平滑度”级别）下运行，具体取决于用于调用它的计时器的间隔。

查看底部的调用代码：只需将定时器间隔更改为小的，例如0.1秒。