ios.時(shí)鐘demo

CALayer做時(shí)鐘demo

首先:

一定要搞明白 position 和 anchorPoint 這一點(diǎn)非常重要

position 表示 圖層的位置
anchorPoint 表示圖層的錨點(diǎn) (接下來(lái)做變換的時(shí)候用到)

素材是美工提供的一張200*200大小的時(shí)鐘view

思路:

一.創(chuàng)建圖層 - viewDidLoad

下面這些可以封裝到一個(gè)方法之中:
1.創(chuàng)建圖層
2.圖層的錨點(diǎn) anchorPoint
3.圖層的位置 position
4.圖層的背景顏色
5.圖層的尺寸

  1. 添加到clockview(時(shí)鐘View)的圖層上 addSublayer: (創(chuàng)建的圖層)
[二.4.]創(chuàng)建一個(gè)定時(shí)器(每隔一秒刷新數(shù)據(jù)添加方法update)
二.刷新數(shù)據(jù) - update

1.獲取日歷對(duì)象
2.獲取日期組件
3.獲取秒數(shù) compoents.second(要是想要獲取其他 時(shí) 分 可以類比)
3.1拿到秒數(shù)之后做變換 transform
變換的時(shí)候要考慮好角度的問(wèn)題(角度轉(zhuǎn)弧度)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫(huà)全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,688評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌。在這里你可以看...
    F麥子閱讀 5,261評(píng)論 5 13
  • 書(shū)寫的很好,翻譯的也棒!感謝譯者,感謝感謝! iOS-Core-Animation-Advanced-Techni...
    錢噓噓閱讀 2,428評(píng)論 0 6
  • Core Animation Core Animation,中文翻譯為核心動(dòng)畫(huà),它是一組非常強(qiáng)大的動(dòng)畫(huà)處理API,...
    45b645c5912e閱讀 3,153評(píng)論 0 21
  • 直接寫了哈,記得點(diǎn)點(diǎn)??,準(zhǔn)備工作 第一 下載一個(gè)Chrome瀏覽器 . 第二 下載Aria2 第三下載擴(kuò)展 Bai...
    farmerly閱讀 528評(píng)論 0 0

友情鏈接更多精彩內(nèi)容