Swift利用纯代码实现时钟效果实例代码

 更新时间:2018年05月03日 11:24:02   作者:OneSwift  
这篇文章主要给大家介绍了关于Swift利用纯代码实现时钟效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用swift具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

在刚开始学习iOS开发时,我制作了OneClock,它除了使用最多的翻页时钟效果,还拥有最常见的时钟样式。

今天用一个很简单的方式为大家展示如何实现时钟效果。

1.分别创建时针、分针、秒针

2.随着时间改变进行对应旋转

一、创建时针、分针、秒针

分别创建三个指针的同时,我们初始化了他们的位置,也就是在12点的方向。

这里我只贴出创建的代码,在使用的过程中可以根据需要进行放置。其中hourLength、minuteLength、secondLength分别代表三个指针的长度,在实际使用中根据页面情况进行调整大小。

//创建一个时针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)

 //创建一个分针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)


 //创建一个秒针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)

二、时间跟踪器

创建指针只是时钟的第一步,之后我们需要用时间来改变对应的指针位置。所以在创建指针之后,我们需要紧跟着一个时间监视器,通过move函数来调整指针方向。

先定义Timer

var timer:Timer!

再为Timer绑定函数,时间间隔为0.2秒执行一次move

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

三、改变指针位置

实现原理是,先在函数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实现卡片横向滑动动画效果的方法示例,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • 详解Swift面向对象编程中的方法(method)

    详解Swift面向对象编程中的方法(method)

    既然面向对象那就一定会有method,方法和面向过程语言中的function函数并没什么区别,只不过方法在面向对象语言中可以被类来约束作用域,这里我们就来详解Swift面向对象编程中的方法(method)
    2016-07-07
  • Swift学习教程之访问控制详解

    Swift学习教程之访问控制详解

    访问控制可以限定你在源文件或模块中访问代码的级别,也就是说可以控制哪些代码你可以访问,哪些代码你不能访问。下面这篇文章主要给大家介绍了关于Swift学习教程之访问控制的相关资料,需要的朋友可以参考下。
    2017-08-08
  • 深入理解Swift中单例模式的替换及Swift 3.0单例模式的实现

    深入理解Swift中单例模式的替换及Swift 3.0单例模式的实现

    这篇文章主要给大家介绍了关于Swift中单例模式替换的相关资料,然后又跟大家分享了关于Swift3.0 单例模式实现的几种方法-Dispatch_Once的内容,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-11-11
  • Swift调用Objective-C代码

    Swift调用Objective-C代码

    目前Swift语言所编写的应用才刚刚可以使用Xcode 6 GM版本提交,而Objective-C作为苹果的主开发语言存在了很多年了。目前尚无成熟的Swift库可用,所以当前编写应用可以说基本离不开调用Objective-C代码的情况。
    2014-09-09
  • 通过Notification.Name看Swift是如何优雅的解决String硬编码

    通过Notification.Name看Swift是如何优雅的解决String硬编码

    这篇文章主要给大家介绍了通过Notification.Name看Swift是如何优雅的解决String硬编码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • Swift使用WKWebView在iOS应用中调用Web的方法详解

    Swift使用WKWebView在iOS应用中调用Web的方法详解

    这篇文章主要介绍了Swift使用WKWebView在iOS应用中调用Web的方法详解,使用WKWebView便等于使用和Safari中相同的JavaScript解释器,用来替代过去的UIWebView,需要的朋友可以参考下
    2016-04-04
  • swift5.3 UIColor使用十六进制颜色的方法实例

    swift5.3 UIColor使用十六进制颜色的方法实例

    这篇文章主要给大家介绍了关于swift5.3 UIColor使用十六进制颜色的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • Swift开发中switch语句值绑定模式

    Swift开发中switch语句值绑定模式

    本文给大家分享Swift开发中switch语句值绑定模式,非常不错,具有参考借鉴价值,需要的的朋友参考下
    2016-12-12
  • Swift运算符使用方法浅析

    Swift运算符使用方法浅析

    Swift 语言支持大部分标准 C 语言的运算符,并且改进了许多特性来使我们的代码更加规范,其中主要包含算数运算符、区间运算符、逻辑运算符、关系运算符、赋值运算符、自增自减运算符、溢出运算符等
    2022-09-09

最新评论