iOS篇—Demo5—时钟

最新推荐文章于 2024-08-07 19:53:11 发布

璇子ぃ

最新推荐文章于 2024-08-07 19:53:11 发布

阅读量446

点赞数

文章标签： iOS 模拟时钟

本文链接：https://blog.csdn.net/weixin_43733988/article/details/88580599

版权

该博客介绍了如何在iOS应用中实现一个模拟时钟，包括设置背景图片、创建显示时钟的图层、制作时针、分针和秒针，并通过定时器更新指针角度以反映实际时间，同时添加了模拟的钟表声音效果。

摘要由CSDN通过智能技术生成

Demo5—时钟

1.使用图层设置背景图片

self.view.layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"time"].CGImage);

2.创建一个图层用来显示时钟图片，并设置相应的属性

//创建一个图层用来显示一张图片
CALayer *wheelLayer = [CALayer layer];

//设置显示的位置position
wheelLayer.position = CGPointMake(180, 250);

//设置图层的宽 高 bounds属性
wheelLayer.bounds = CGRectMake(0, 0, 296, 296);

//设置锚点：图层的哪个位置和position重合
wheelLayer.anchorPoint = CGPointMake(0.5, 0.5);

//设置图层的内容 即图片
wheelLayer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"Clock"].CGImage);

//图层没法接收事件 要添加图层必须依赖某个视图 所以需要将图层添加到某个视图上图层上
[self.view.layer addSublayer:wheelLayer];

3.创建一个点图层

//创建一个圆点图层
CALayer *redPointLayer = [CALayer layer];

//让红点和表环的中心点重合
redPointLayer.position = wheelLayer.position;

//设置圆点的尺寸
redPointLayer.bounds = CGRectMake(0, 0, 15, 15);

//设置圆角半径
redPointLayer.cornerRadi