自制圆形时钟⏰

news/2024/11/16 11:57:38/

如果想着做一个类似的家里的圆形时钟的样式的钟表,可以使用这样的方法:

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic,weak)CALayer *second;

@property (nonatomic ,weak)CALayer *minute;

@property (nonatomic ,weak)CALayer *hour;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    self.view.backgroundColor = [UIColor cyanColor];

    //创建表盘

    CALayer *clock = [[CALayer alloc]init];

    //大小

    clock.bounds = CGRectMake(0, 0, 200, 200);

    //位置

    clock.position = CGPointMake(200, 200);

    //内容

    clock.contents = (__bridge id _Nullable)([UIImage imageNamed:@"clock"].CGImage);

    [self.view.layer addSublayer:clock];

    //圆角

    clock.cornerRadius = 100;

    //裁剪

    clock.masksToBounds = YES;

    

    //创建秒针

    CALayer *second = [[CALayer alloc]init];

    self.second = second;

    //大小

    second.bounds = CGRectMake(0, 0, 2, 100);

    //位置

    second.position = clock.position;

    //颜色

    second.backgroundColor = [UIColor redColor].CGColor;

    //锚点

    second.anchorPoint = CGPointMake(0.5, 0.8);

    [self.view.layer addSublayer:second];

    

    //创建分针

    CALayer *minute = [[CALayer alloc]init];

    self.minute = minute;

    //大小

    minute.bounds = CGRectMake(0, 0, 3, 80);

    //位置

    minute.position = clock.position;

    //颜色

    minute.backgroundColor = [UIColor blueColor].CGColor;

    //锚点

    minute.anchorPoint = CGPointMake(0.5, 0.8);

    [self.view.layer addSublayer:minute];

    

    //创建时针

    CALayer *hour = [[CALayer alloc]init];

    self.hour = hour;

    //大小

    hour.bounds = CGRectMake(0, 0, 4, 60);

    //位置

    hour.position = clock.position;

    //颜色

    hour.backgroundColor = [UIColor purpleColor].CGColor;

    //锚点

    hour.anchorPoint = CGPointMake(0.5, 0.8);

    [self.view.layer addSublayer:hour];

    

    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(timeChange)];

    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

    [self timeChange];

}

-(void)timeChange{

    NSDate *date = [NSDate date];

//

//    NSDateFormatter *formatter = [[NSDateFormatter alloc]init];

//    formatter.dateFormat = @"ss";

//    NSString *ms = [formatter stringFromDate:date];

//    CGFloat msValue = [ms floatValue];

    NSCalendar *cal = [NSCalendar currentCalendar];

    CGFloat ms = [cal component:NSCalendarUnitNanosecond fromDate:date];

    CGFloat s= [cal component:NSCalendarUnitSecond fromDate:date];

    CGFloat m = [cal component:NSCalendarUnitMinute fromDate:date];

    CGFloat h = [cal component:NSCalendarUnitHour fromDate:date];

    

    //秒针角度

    CGFloat angle = (2 * M_PI/60) / 1000000000;

    CGFloat angle1 = 2 * M_PI / 60;

    self.second.affineTransform = CGAffineTransformMakeRotation(angle1 * s + angle * ms);

    //分针角度

    CGFloat minuteAngle = 2 * M_PI / 60;

    self.minute.affineTransform = CGAffineTransformMakeRotation(minuteAngle * m + angle1 * s / 60 + angle * ms / 60);

    //时针角度

    CGFloat hourAngle = 2 * M_PI / 12;

    self.hour.affineTransform = CGAffineTransformMakeRotation(hourAngle * h + minuteAngle * m / 12 + angle1 * s / 60 + angle * ms / 60);

    

}

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

@end

当然还要有一个这样的表盘,

其实代码实现主要是用的CALayer的一些动画效果实现的。


http://www.ppmy.cn/news/1201912.html

相关文章

Linux内核分析(七)--RAID磁盘阵列与磁盘高速缓存

目录 一、引言 二、RAID 磁盘阵列 ------>2.1、RAID级别 ------------>2.1、RAID0 ------------>2.1、RAID1 ------------>2.1、RAID5 ------------>2.1、RAID6 ------------>2.1、RAID10 ------------>2.1、RAID50 ------------>2.1、总结 …

随笔--解决ubuntu虚拟环境的依赖问题

文章目录 问题一:在conda虚拟环境中报错ImportError: libcupti.so.11.7:cannot open shared object file: No such file or directory解决步骤问题二: RuntimeError: CUDA error: CUBLAS_STATUS_INVALID_VALUE when calling cublasSgemmStridedBatched( …

electron打包下载资源失败,设置国内镜像

0.electron介绍 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows、Linux及macOS上运行的跨平台应用。可以用原生html写,也可以用vue等…

Hadoop知识点全面总结

文章目录 什么是HadoopHadoop发行版介绍Hadoop版本演变历史Hadoop3.x的细节优化Hadoop三大核心组件介绍HDFS体系结构NameNode介绍总结 SecondaryNameNode介绍DataNode介绍DataNode总结 MapReduce介绍分布式计算介绍MapReduce原理剖析MapReduce之Map阶段MapReduce之Reduce阶段 实…

[题] 改革春风吹满地 #图论 #多边形面积

题目 HDU 2036 改革春风吹满地 题解 参考博客&#xff1a;HDU 2036 改革春风吹满地 代码 #include<bits/stdc.h> using namespace std; const int N 110; //叉乘计算面积的公式&#xff0c;以(0,0)为起始点划分 int main() {int n;while(~scanf("%d", &…

低代码+RPA,会发生什么?

据相关研究表明&#xff0c;每个企业员工每天至少花1-2个小时完成文件归档、数据输入等工作&#xff0c;而这些工作都是可以通过自动化的方式完成的。 如今&#xff0c;不少企业正专注于工作流程自动化&#xff0c;希望能花最少的时间完成重复性工作&#xff0c;机器人流程自动…

从Hugging Face下载数据测试whisper、fast_whisper耗时

时长比较短的音频&#xff1a;https://huggingface.co/datasets/PolyAI/minds14/viewer/en-US 时长比较长的音频&#xff1a;https://huggingface.co/datasets/librispeech_asr?row8 此次测试过程暂时只使用比较短的音频 使用fast_whisper测试 下载安装&#xff0c;参考官方…

Apache Doris (五十二): Doris Join类型 - Broadcast Join

🏡 个人主页:IT贫道_大数据OLAP体系技术栈,Apache Doris,Clickhouse 技术-CSDN博客 🚩 私聊博主:加入大数据技术讨论群聊,获取更多大数据资料。 🔔 博主个人B栈地址:豹哥教你大数据的个人空间-豹哥教你大数据个人主页-哔哩哔哩视频 目录 1. Broadcast Join原理