iOS 动画-时钟

前些天驾照考试 ，在等待的时候我发现电子显示屏上的钟表。我就想他们是怎么做的。回来就写了一个倒是挺简单。

//表盘图层
CALayer *layout = [CALayer layer];
layout.frame  = CGRectMake((width-blockWidth)/2, (height-blockHeight)/2, blockWidth, blockHeight);
layout.backgroundColor = [UIColor brownColor].CGColor;
layout.cornerRadius = 50;
layout.borderColor = [UIColor blackColor].CGColor;
layout.borderWidth = 4.0;
[self.view.layer addSublayer:layout];

上面的代码就是表盘了。

//时针图层
_hourLayout =  [CALayer layer];
_hourLayout.frame = CGRectMake((blockWidth-3)/2, 10, 3, 45);
_hourLayout.position = CGPointMake(blockWidth/2, blockHeight/2);//锚点的位置
_hourLayout.anchorPoint = CGPointMake(0.5, 8/9.0);//设置锚点
_hourLayout.backgroundColor = [UIColor redColor].CGColor;//颜色
_hourLayout.cornerRadius = 1.5;//圆角
[layout addSublayer:_hourLayout];

position 和 anchorPoint 是两个重要的属性。

anchorPoint 是一个 CGPoint 结构体，取值范围是（0-1）。

position 也是一个CGPoint结构体，表示anchorPoint点的位置。

详情可以看一下：/article/4670874.html

//定时器
NSTimer *timer = [NSTimer timerWithTimeInterval:1 target:self selector:@selector(secondRun) userInfo:nil repeats:YES];
//添加到运行池
[[NSRunLoop currentRunLoop] addTimer:timer forMode:NSDefaultRunLoopMode];

-(void)secondRun
{
dispatch_async(dispatch_get_main_queue(), ^{
_secondLayout.transform = CATransform3DRotate(_secondLayout.transform, 6*M_PI/180.0, 0, 0, 1);//旋转 第一个参数表示弧度 ,z = 1表示绕z轴旋转
_minuteLayout.transform = CATransform3DRotate(_minuteLayout.transform, 0.1*M_PI/180.0, 0, 0, 1);
_hourLayout.transform = CATransform3DRotate(_hourLayout.transform, 1/120*M_PI/180, 0, 0, 1);
});
}

这样就能实现。

Demo:http://download.csdn.net/detail/u010123208/9500406