欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

歡迎來到入門教程網!

Swift

當前位置:主頁 > 軟件編程 > Swift >

Swift利用純代碼實現(xiàn)時鐘效果實例代碼

來源:本站原創(chuàng)|時間:2020-01-11|欄目:Swift|點擊: 次

前言

在剛開始學習iOS開發(fā)時,我制作了OneClock,它除了使用最多的翻頁時鐘效果,還擁有最常見的時鐘樣式。

今天用一個很簡單的方式為大家展示如何實現(xiàn)時鐘效果。

1.分別創(chuàng)建時針、分針、秒針

2.隨著時間改變進行對應旋轉

一、創(chuàng)建時針、分針、秒針

分別創(chuàng)建三個指針的同時,我們初始化了他們的位置,也就是在12點的方向。

這里我只貼出創(chuàng)建的代碼,在使用的過程中可以根據(jù)需要進行放置。其中hourLength、minuteLength、secondLength分別代表三個指針的長度,在實際使用中根據(jù)頁面情況進行調整大小。

//創(chuàng)建一個時針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)建一個分針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)建一個秒針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)

二、時間跟蹤器

創(chuàng)建指針只是時鐘的第一步,之后我們需要用時間來改變對應的指針位置。所以在創(chuàng)建指針之后,我們需要緊跟著一個時間監(jiān)視器,通過move函數(shù)來調整指針方向。

先定義Timer

var timer:Timer!

再為Timer綁定函數(shù),時間間隔為0.2秒執(zhí)行一次move

timer = Timer.scheduledTimer(timeInterval: 0.2,target:self,selector:#selector(PolarViewController.move),userInfo:nil,repeats:true)

三、改變指針位置

實現(xiàn)原理是,先在函數(shù)move()中定義每個指針旋轉的大小,再進行周期性刷新位置。

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)

 //當前時間
 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))

 //計算旋轉角度
 angleSecond = angleSecond * secondInt
 angleMinute = angleMinute * minuteInt + angleSecond/60.0
 angleHour = angleHour * hourInt + angleMinute/60.0

 //保持中心點
 self.secondView.center = self.view.center
 self.minuteView.center = self.view.center
 self.hourView.center = self.view.center
 //旋轉各自的角度
 self.secondView.transform = CGAffineTransform(rotationAngle: angleSecond)
 self.minuteView.transform = CGAffineTransform(rotationAngle: angleMinute)
 self.hourView.transform = CGAffineTransform(rotationAngle: angleHour)
}

四、手機旋轉后的頁面刷新

最后增加在旋轉模式下的自動刷新,幫助修正顯示。

override func willRotate(to toInterfaceOrientation: UIInterfaceOrientation, duration: TimeInterval) {
 move()
}

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對我們的支持。

上一篇:Swift中排序算法的簡單取舍詳解

欄    目:Swift

下一篇:Swift中定義單例的方法實例

本文標題:Swift利用純代碼實現(xiàn)時鐘效果實例代碼

本文地址:http://mengdiqiu.com.cn/a1/Swift/11962.html

網頁制作CMS教程網絡編程軟件編程腳本語言數(shù)據(jù)庫服務器

如果侵犯了您的權利,請與我們聯(lián)系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網 版權所有