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ì)我們的支持。
欄 目:Swift
本文標(biāo)題:Swift利用純代碼實(shí)現(xiàn)時(shí)鐘效果實(shí)例代碼
本文地址:http://mengdiqiu.com.cn/a1/Swift/11962.html
您可能感興趣的文章
- 01-11swift中defer幾個(gè)簡(jiǎn)單的使用場(chǎng)景詳解
- 01-11Swift利用Decodable解析JSON的一個(gè)小問(wèn)題詳解
- 01-11Swift中defer關(guān)鍵字推遲執(zhí)行示例詳解
- 01-11Swift中初始化init的方法小結(jié)
- 01-11Swift中定義單例的方法實(shí)例
- 01-11Swift中排序算法的簡(jiǎn)單取舍詳解
- 01-11Swift如何為設(shè)置中心添加常用功能
- 01-11Swift Json實(shí)例詳細(xì)解析
- 01-11Swift利用指紋識(shí)別或面部識(shí)別為應(yīng)用添加私密保護(hù)功能
- 01-11Swift 4.0中如何引用3.0的第三方庫(kù)


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-11Swift利用Decodable解析JSON的一個(gè)小問(wèn)題
- 01-11swift中defer幾個(gè)簡(jiǎn)單的使用場(chǎng)景詳解
- 01-11Swift中初始化init的方法小結(jié)
- 01-11Swift中defer關(guān)鍵字推遲執(zhí)行示例詳解
- 01-11Swift利用純代碼實(shí)現(xiàn)時(shí)鐘效果實(shí)例代碼
- 01-11Swift中定義單例的方法實(shí)例
- 01-11Swift中排序算法的簡(jiǎn)單取舍詳解
- 01-11Swift Json實(shí)例詳細(xì)解析
- 01-11Swift如何為設(shè)置中心添加常用功能
- 01-11Swift利用指紋識(shí)別或面部識(shí)別為應(yīng)用添
隨機(jī)閱讀
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-10delphi制作wav文件的方法
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 04-02jquery與jsp,用jquery
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什