ios开发-UI进阶-核心动画-时钟动画小案例

  1 //
  2 //  ViewController.m
  3 //  01-时钟动画time
  4 //
  5 //  Created by hukezhu on 15/6/12.
  6 //  Copyright (c) 2015年 hukezhu. All rights reserved.
  7 //
  8 
  9 #import "ViewController.h"
 10 
 11 @interface ViewController ()
 12 //秒针view
 13 @property(nonatomic,strong)UIView *secondView;
 14 //分针view
 15 @property(nonatomic,strong)UIView *minView;
 16 //时针view
 17 @property(nonatomic,strong)UIView *hourView;
 18 @end
 19 
 20 @implementation ViewController
 21 
 22 - (void)viewDidLoad {
 23     [super viewDidLoad];
 24     //设置背景颜色
 25     self.view.backgroundColor = [UIColor greenColor];
 26     
 27     //创建一个表盘view
 28     UIView *clockView = [[UIView alloc]init];
 29     //设置位置
 30     clockView.center = self.view.center;
 31     //设置大小
 32     clockView.layer.bounds = CGRectMake(0, 0, 214, 214);
 33     
 34     //设置显示内容
 35     clockView.layer.contents = (__bridge id)([UIImage imageNamed:@"clock1"].CGImage);
 36     //设置圆角半径
 37     clockView.layer.cornerRadius = 107;
 38     //设置裁剪
 39     clockView.layer.masksToBounds = YES;
 40     //将clockView添加到控制器view中
 41     [self.view addSubview:clockView];
 42     
 43     
 44     
 45     
 46     //创建一个秒针view
 47     UIView *secondView = [[UIView alloc]init];
 48     secondView.center = clockView.center;
 49     secondView.layer.bounds = CGRectMake(0, 0, 2, 90);
 50     secondView.layer.backgroundColor = [UIColor redColor].CGColor;
 51     secondView.layer.anchorPoint = CGPointMake(0.5, 1);
 52     
 53     self.secondView = secondView;
 54     [self.view addSubview:secondView];
 55     
 56     
 57     
 58     //创建一个分针view
 59     UIView *minView = [[UIView alloc]init];
 60     minView.center = clockView.center;
 61     minView.layer.bounds = CGRectMake(0, 0, 4, 70);
 62     minView.layer.backgroundColor = [UIColor blueColor].CGColor;
 63     minView.layer.anchorPoint = CGPointMake(0.5, 1);
 64 
 65     self.minView = minView;
 66     [self.view addSubview:minView];
 67     
 68     
 69     
 70     //创建一个时针view
 71     UIView *hourView = [[UIView alloc]init];
 72     hourView.center = clockView.center;
 73     hourView.layer.bounds = CGRectMake(0, 0, 6, 50);
 74     hourView.layer.backgroundColor = [UIColor blackColor].CGColor;
 75     hourView.layer.anchorPoint = CGPointMake(0.5, 1);
 76     
 77     self.hourView = hourView;
 78     [self.view addSubview:hourView];
 79     
 80 
 81     // 开启一个计时器控件
 82     //NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(move) userInfo:nil repeats:YES];
 83     //创建一个对象
 84     CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(move)];
 85     //启动这个link
 86     [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
 87 }
 88 
 89 
 90 - (void)move{
 91 
 92     
 93     //1.计算对应的弧度
 94     CGFloat angle = M_PI * 2 / 60.0;
 95     CGFloat angleMin = M_PI * 2 / 60.0;
 96     CGFloat angleHour = M_PI * 2 / 12.0 ;
 97     
 98     //2.获取当前事件
 99     NSDate *date = [NSDate date];
100     
101     //创建一个日历牌对象(NSCalender),通过这个对象才能获取NSDate中的日期时间的每一部分
102     NSCalendar *calender = [NSCalendar currentCalendar];
103     
104     //告诉日历牌对象,需要获取哪些部分的值
105     
106     //取得当前的秒
107     NSInteger secs = [calender component:NSCalendarUnitSecond fromDate:date];
108     //取得当前的分
109     NSInteger mins = [calender component:NSCalendarUnitMinute fromDate:date];
110     //取得当前的时
111     NSInteger hours = [calender component:NSCalendarUnitHour fromDate:date];
112     
113     
114     //NSLog(@"%zd,%zd,%zd",hours,mins,secs);//测试用
115     
116     
117     //计算本次旋转应该旋转到的弧度数
118     angle = secs *angle;
119     angleMin = mins *angleMin;
120     angleHour = hours *angleHour;
121 
122     //让时分秒针旋转
123     self.secondView.transform = CGAffineTransformMakeRotation(angle);
124     self.minView.transform = CGAffineTransformMakeRotation(angleMin);
125     self.hourView.transform = CGAffineTransformMakeRotation(angleHour);
126 
127 }
128 
129 @end