Swift利用純代碼實(shí)現(xiàn)時(shí)鐘效果實(shí)例代碼
前言
在剛開(kāi)始學(xué)習(xí)iOS開(kāi)發(fā)時(shí)，我制作了OneClock，它除了使用最多的翻頁(yè)時(shí)鐘效果，還擁有最常見(jiàn)的時(shí)鐘樣式。
今天用一個(gè)很簡(jiǎn)單的方式為大家展示如何實(shí)現(xiàn)時(shí)鐘效果。
1.分別創(chuàng)建時(shí)針、分針、秒針
2.隨著時(shí)間改變進(jìn)行對(duì)應(yīng)旋轉(zhuǎn)
一、創(chuàng)建時(shí)針、分針、秒針
分別創(chuàng)建三個(gè)指針的同時(shí)，我們初始化了他們的位置，也就是在12點(diǎn)的方向。
這里我只貼出創(chuàng)建的代碼，在使用的過(guò)程中可以根據(jù)需要進(jìn)行放置。其中hourLength、minuteLength、secondLength分別代表三個(gè)指針的長(zhǎng)度，在實(shí)際使用中根據(jù)頁(yè)面情況進(jìn)行調(diào)整大小。
//創(chuàng)建一個(gè)時(shí)針VIEW let hourView:UIView! = UIView.init() hourView.center = self.view.center hourView.layer.bounds = CGRect(x: 0, y: 0, width: 2, height: hourLength) hourView.backgroundColor = PolarTheme.bottomColor hourView.layer.anchorPoint = CGPoint(x: 1, y: 1) hourView.layer.cornerRadius = 1 self.hourView = hourView self.view.addSubview(self.hourView) //創(chuàng)建一個(gè)分針VIEW let minuteView:UIView! = UIView.init() minuteView.center = self.view.center minuteView.layer.bounds = CGRect(x: 0, y: 0, width: Int(1.5), height: Int(minuteLength)) minuteView.backgroundColor = PolarTheme.bottomColor minuteView.layer.anchorPoint = CGPoint(x: 1, y: 1) self.minuteView = minuteView self.view.addSubview(self.minuteView) //創(chuàng)建一個(gè)秒針VIEW let secondView:UIView! = UIView.init() secondView.center = self.view.center secondView.layer.bounds = CGRect(x: 0, y: 0, width: 1, height: secondLength) secondView.backgroundColor = PolarTheme.topColor secondView.layer.anchorPoint = CGPoint(x: 1, y: 1) self.secondView = secondView self.view.addSubview(self.secondView)
二、時(shí)間跟蹤器
創(chuàng)建指針只是時(shí)鐘的第一步，之后我們需要用時(shí)間來(lái)改變對(duì)應(yīng)的指針位置。所以在創(chuàng)建指針之后，我們需要緊跟著一個(gè)時(shí)間監(jiān)視器，通過(guò)move函數(shù)來(lái)調(diào)整指針?lè)较颉?br />
先定義Timer
var timer:Timer!
再為T(mén)imer綁定函數(shù)，時(shí)間間隔為0.2秒執(zhí)行一次move
timer = Timer.scheduledTimer(timeInterval: 0.2,target:self,selector:#selector(PolarViewController.move),userInfo:nil,repeats:true)
三、改變指針位置
實(shí)現(xiàn)原理是，先在函數(shù)move()中定義每個(gè)指針旋轉(zhuǎn)的大小，再進(jìn)行周期性刷新位置。
func move(){
var angleSecond:CGFloat = CGFloat(Double.pi * 2/60.0)
var angleMinute:CGFloat = CGFloat(Double.pi * 2/60.0)
var angleHour:CGFloat = CGFloat(Double.pi * 2/12.0)
//當(dāng)前時(shí)間
let date = Date()
let calendar = NSCalendar.current
let secondInt = CGFloat(calendar.component(.second, from: date))
let minuteInt = CGFloat(calendar.component(.minute, from: date))
let hourInt = CGFloat(calendar.component(.hour, from: date))
//計(jì)算旋轉(zhuǎn)角度
angleSecond = angleSecond * secondInt
angleMinute = angleMinute * minuteInt + angleSecond/60.0
angleHour = angleHour * hourInt + angleMinute/60.0
//保持中心點(diǎn)
self.secondView.center = self.view.center
self.minuteView.center = self.view.center
self.hourView.center = self.view.center
//旋轉(zhuǎn)各自的角度
self.secondView.transform = CGAffineTransform(rotationAngle: angleSecond)
self.minuteView.transform = CGAffineTransform(rotationAngle: angleMinute)
self.hourView.transform = CGAffineTransform(rotationAngle: angleHour)
}
四、手機(jī)旋轉(zhuǎn)后的頁(yè)面刷新
最后增加在旋轉(zhuǎn)模式下的自動(dòng)刷新，幫助修正顯示。
override func willRotate(to toInterfaceOrientation: UIInterfaceOrientation, duration: TimeInterval) {
move()
}
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Swift中的條件判斷、循環(huán)、跳轉(zhuǎn)語(yǔ)句基礎(chǔ)學(xué)習(xí)筆記
if、for和while循環(huán)、switch等這些基本的程序流程控制語(yǔ)句基本上是每個(gè)編程語(yǔ)言的標(biāo)配,在入門(mén)環(huán)節(jié)中,這里對(duì)Swift中的條件判斷、循環(huán)、跳轉(zhuǎn)語(yǔ)句基礎(chǔ)學(xué)習(xí)筆記作了一個(gè)整理:2016-06-06
這個(gè)周末抽空看了下swift3.0的變化，今天小編通過(guò)本教程給大家分享Swift3.0帶來(lái)的變化，非常不錯(cuò)，感興趣的朋友參考下吧2016-12-12
Swift實(shí)現(xiàn)“或”操作符的3種方法示例
這篇文章主要給大家介紹了關(guān)于Swift實(shí)現(xiàn)“或”操作符的3種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
委托（代理）是一種設(shè)計(jì)模式，它允許類或結(jié)構(gòu)體將一些需要它們負(fù)責(zé)的功能交由(委托)給其他的類型。下面這篇文章主要介紹了Swift代理模式的相關(guān)資料，文章開(kāi)始先介紹了Objective-C相關(guān)的內(nèi)容，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-03-03
Swift 語(yǔ)言支持大部分標(biāo)準(zhǔn) C 語(yǔ)言的運(yùn)算符，并且改進(jìn)了許多特性來(lái)使我們的代碼更加規(guī)范，其中主要包含算數(shù)運(yùn)算符、區(qū)間運(yùn)算符、邏輯運(yùn)算符、關(guān)系運(yùn)算符、賦值運(yùn)算符、自增自減運(yùn)算符、溢出運(yùn)算符等2022-09-09
EvenLoop模型在iOS的RunLoop應(yīng)用示例
這篇文章主要為大家介紹了EvenLoop模型在iOS的RunLoop應(yīng)用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
詳解Swift中的Characters字符類型與String字符串類型
Swift中的字符串操作相當(dāng)便捷,下面我們來(lái)詳解Swift中的Characters字符類型與String字符串類型,需要的朋友可以參考下2016-06-06
Swift UILable 設(shè)置內(nèi)邊距實(shí)例代碼
本文主要介紹Swift UILable 設(shè)置內(nèi)邊距,這里提供示例代碼供大家參考,有需要的小伙伴可以看下2016-07-07
這篇文章主要介紹了Swift編程中枚舉類型的相關(guān)使用,是Swift入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11
這篇文章主要介紹了Swift教程之繼承詳解,一個(gè)類可以從另外一個(gè)類中繼承方法,屬性或者其它的一些特性,當(dāng)一個(gè)類繼承于另外一個(gè)類時(shí),這個(gè)繼承的類叫子類,被繼承的類叫父類,需要的朋友可以參考下2015-01-01