iOS實現簡易鐘表
更新時間:2020年02月21日 07:33:40 作者:LayneCheung
這篇文章主要為大家詳細介紹了iOS實現簡易鐘表,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了iOS實現簡易鐘表的具體代碼,供大家參考,具體內容如下
效果圖:

注意:表盤是一個UIImageView控件,設置image為表盤圖片
核心代碼:
//
// ViewController.m
// 時鐘
//
// Created by llkj on 2017/8/29.
// Copyright © 2017年 LayneCheung. All rights reserved.
//
#import "ViewController.h"
//每一秒旋轉多少度
#define perSecA 6
//每一分旋轉多少度
#define perMinA 6
//每一小時旋轉多少度
#define perHourA 30
//每一分時針旋轉的度數
#define perMinHour 0.5
//角度轉弧度
#define angle2Rad(angle) ((angle) / 180.0 * M_PI)
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *clockView;
@property (nonatomic, weak) CALayer *secL;
@property (nonatomic, weak) CALayer *minL;
@property (nonatomic, weak) CALayer *hourL;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
[self setHour];
[self setMin];
[self setSec];
[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timeChange) userInfo:nil repeats:YES];
[self timeChange];
}
- (void)timeChange{
//獲取當前秒
NSCalendar *cal = [NSCalendar currentCalendar];
NSDateComponents *cmp = [cal components:NSCalendarUnitSecond | NSCalendarUnitMinute | NSCalendarUnitHour fromDate:[NSDate date]];
NSInteger curSec = cmp.second + 1;
NSInteger curMin = cmp.minute;
NSInteger curHour = cmp.hour;
//秒針開始旋轉
//計算秒針當前旋轉的角度
// angle = 當前多少秒 * 每一秒旋轉多少度
CGFloat secA = curSec * perSecA;
//旋轉方向是Z軸
self.secL.transform = CATransform3DMakeRotation(angle2Rad(secA), 0, 0, 1);
//分針開始旋轉
//計算分針當前旋轉的角度
// angle = 當前多少分 * 每一分旋轉多少度
CGFloat minA = curMin * perMinA;
self.minL.transform = CATransform3DMakeRotation(angle2Rad(minA), 0, 0, 1);
//時針開始旋轉
//計算時針當前旋轉的角度
// angle = 當前多少時 * 每一小時旋轉多少度
CGFloat hourA = curHour * perHourA + curMin * perMinHour;
self.hourL.transform = CATransform3DMakeRotation(angle2Rad(hourA), 0, 0, 1);
}
//添加秒針
- (void)setSec{
CALayer *secL = [CALayer layer];
secL.bounds = CGRectMake(0, 0, 1, 80);
secL.backgroundColor = [UIColor redColor].CGColor;
//繞著錨點旋轉
secL.anchorPoint = CGPointMake(0.5, 1);
secL.position = CGPointMake(self.clockView.bounds.size.width * 0.5, self.clockView.bounds.size.height * 0.5);
[self.clockView.layer addSublayer:secL];
self.secL = secL;
}
//添加分針
- (void)setMin{
CALayer *minL = [CALayer layer];
minL.bounds = CGRectMake(0, 0, 3, 70);
minL.cornerRadius = 1.5;
minL.backgroundColor = [UIColor blackColor].CGColor;
minL.anchorPoint = CGPointMake(0.5, 1);
minL.position = CGPointMake(self.clockView.bounds.size.width * 0.5, self.clockView.bounds.size.height * 0.5);
[self.clockView.layer addSublayer:minL];
self.minL = minL;
}
//添加時針
- (void)setHour{
CALayer *hourL = [CALayer layer];
hourL.bounds = CGRectMake(0, 0, 3, 60);
hourL.backgroundColor = [UIColor blackColor].CGColor;
hourL.anchorPoint = CGPointMake(0.5, 1);
hourL.position = CGPointMake(self.clockView.bounds.size.width * 0.5, self.clockView.bounds.size.height * 0.5);
[self.clockView.layer addSublayer:hourL];
self.hourL = hourL;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
iOS ScrollView實現自動布局的方法(適用Swift 3.0 )
傳說中有一個美工ios開發(fā)者在遇到這個問題的時候特意跑到蘋果總部去咨詢如何對scrollview進行自動布局。當然大家不用去了,下面這篇文章就來給大家介紹關于iOS ScrollView實現自動布局的方法,文中的語法同樣也適用Swift 3.0 ,需要的朋友可以參考下。2017-12-12
iOS漸變圓環(huán)旋轉動畫CAShapeLayer CAGradientLayer
這篇文章主要介紹了iOS漸變圓環(huán)旋轉動畫CAShapeLayer CAGradientLayer的相關資料,需要的朋友可以參考下2016-09-09

