ios - 如何像 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 分钟内从 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 或 Core Animation。

首先，您可以创建一个 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