【Swift】时钟动画

最新推荐文章于 2022-08-20 00:11:42 发布

_huanzi

最新推荐文章于 2022-08-20 00:11:42 发布

阅读量604

点赞数 1

分类专栏： Swift 文章标签： swift ios xcode

本文链接：https://blog.csdn.net/emperor_huanzi/article/details/126102053

版权

Swift 专栏收录该内容

68 篇文章 0 订阅

订阅专栏

在这里插入图片描述

//
//  ClockViewController.swift
//  eee
//
//  Created by admin on 2022/8/1.
//
// 钟表
import UIKit

class ClockViewController: MainViewController {

    
    // 面板
    lazy var dialLayer: CALayer = {
        let layer = CALayer()
        layer.bounds = CGRect(x: 0, y: 0, width: 200, height: 200)
        layer.position = self.view.center
        layer.contents = UIImage(named: "clock")?.cgImage
        layer.backgroundColor = UIColor.red.cgColor
        return layer
    }()
    
    // 秒针
    lazy var secondHandView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor.red
        view.bounds = CGRect(x: 0, y: 0, width: 1, height: 70)
        view.layer.anchorPoint = CGPoint(x: 0.5, y: 1)
        view.center = self.view.center
        view.layer.allowsEdgeAntialiasing = true
        return view
    }()

    
    // 分针
    lazy var minuteHandView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor.darkGray
        view.bounds = CGRect(x: 0, y: 0, width: 3, height: 70)
        view.layer.anchorPoint = CGPoint(x: 0.5, y: 1)
        view.center = self.view.center
        view.layer.allowsEdgeAntialiasing = true
        return view
    }()

    // 时针
    lazy var hourHandView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor.darkGray
        view.bounds = CGRect(x: 0, y: 0, width: 4, height: 50)
        view.layer.anchorPoint = CGPoint(x: 0.5, y: 1)
        view.center = self.view.center
        view.layer.allowsEdgeAntialiasing = true
        return view
    }()
    
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.title = "时钟动画"
        
       
        self.view.layer.addSublayer(self.dialLayer)
        self.view.addSubview(self.hourHandView)
        self.view.addSubview(self.minuteHandView)
        self.view.addSubview(self.secondHandView)
        
        let link = CADisplayLink(target: self, selector: #selector(clockRunning))
        
        link.add(to: RunLoop.main, forMode: RunLoop.Mode.default)
    }
    

    @objc func clockRunning(){
        let tzone = TimeZone.current
        var calender = NSCalendar.current
        calender.timeZone = tzone
        
        let currentDate = Date()
        
        let cuttentTime = calender.dateComponents([.second,.hour,.minute], from: currentDate)
        
        // 秒针
        let angle = ( Double.pi * 2 / 60 ) * Double.init(cuttentTime.second ?? 0)
        self.secondHandView.transform = CGAffineTransform(rotationAngle: angle)
        
        // 分针
        let minuteangle = ( Double.pi * 2 / 60 ) * Double.init(cuttentTime.minute ?? 0)
        let secondToMinute = ( Double.pi * 2 / 60 ) * (Double.init(cuttentTime.second ?? 0) / 60)
        self.minuteHandView.transform = CGAffineTransform(rotationAngle: minuteangle + secondToMinute)
        
        // 时针
        let hourangle = ( Double.pi * 2 / 12 ) * Double.init(cuttentTime.hour ?? 0)
        let minuteToHour =  ( Double.pi * 2 / 12 ) * (Double.init((cuttentTime.minute ?? 0) ) / 60)
        self.hourHandView.transform = CGAffineTransform(rotationAngle: hourangle + minuteToHour)
    }
    

}