ios.时钟demo

CALayer做时钟demo

首先:

一定要搞明白 position 和 anchorPoint 这一点非常重要

position 表示 图层的位置
anchorPoint 表示图层的锚点 (接下来做变换的时候用到)

素材是美工提供的一张200*200大小的时钟view

思路:

一.创建图层 - viewDidLoad

下面这些可以封装到一个方法之中:
1.创建图层
2.图层的锚点 anchorPoint
3.图层的位置 position
4.图层的背景颜色
5.图层的尺寸

  1. 添加到clockview(时钟View)的图层上 addSublayer: (创建的图层)
[二.4.]创建一个定时器(每隔一秒刷新数据添加方法update)
二.刷新数据 - update

1.获取日历对象
2.获取日期组件
3.获取秒数 compoents.second(要是想要获取其他 时 分 可以类比)
3.1拿到秒数之后做变换 transform
变换的时候要考虑好角度的问题(角度转弧度)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 12,722评论 6 30
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 10,541评论 5 13
  • 书写的很好,翻译的也棒!感谢译者,感谢感谢! iOS-Core-Animation-Advanced-Techni...
    钱嘘嘘阅读 6,874评论 0 6
  • Core Animation Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,...
    45b645c5912e阅读 8,199评论 0 21
  • 直接写了哈,记得点点💗,准备工作 第一 下载一个Chrome浏览器 . 第二 下载Aria2 第三下载扩展 Bai...
    farmerly阅读 3,345评论 0 0

友情链接更多精彩内容