iOS理财类圆形比例图-Swift4.0

先上效果图：

 

demo下载地址：https://download.csdn.net/download/koocui/10746298

 

代码：

 

 

//
//  ScaleCircle.swift
//  饼形图
//
//  Created by 小崔 on 2018/10/23.
//  Copyright © 2018年 小崔fasdfff. All rights reserved.
//

import UIKit
private let KEYNSeenW = UIScreen.main.bounds.width
private let KEYNSeenH = UIScreen.main.bounds.height
class ScaleCircle: UIView {

    //中心数据显示标签
    var centerLable : UILabel?
    
    //线宽.
    var lineWith : Float?
    //基准圆环颜色
    var unfillColor : UIColor?
  
    //  四个区域的颜色
    var firstColor:UIColor?
    var secondColor:UIColor?
    var thirdColor:UIColor?
    var fourthColor:UIColor?
    //  四个区域所占的百分比
    var firstScale:Float?
    var secondScale:Float?
    var thirdScale:Float?
    var fourthScale:Float?
    //动画时长
    var animation_time:Float?
    
    
    var  radius:Float? //  半径
    
    var first_animation_time:Float?
    var second_animation_time:Float?
    var third_animation_time:Float?
    var fourth_animation_time:Float?
    
    var CGPoinCerter:CGPoint?
    var endAngle:Float?
    var clockwise:Bool?
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        self.initCenterLabel()
        self.lineWith = 10.0;
        self.unfillColor = UIColor.lightGray
        self.clockwise = true
        self.backgroundColor = UIColor.clear
        
        self.firstColor = UIColor.red
        self.secondColor = UIColor.green
        self.thirdColor = UIColor.yellow
        self.fourthColor = UIColor.blue
        
        self.animation_time = 5.0;
        
        self.centerLable?.text = "请初始化..."
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    override func draw(_ rect: CGRect) {
        // Drawing code
        self.initData()
        self.drawMiddlecircle()
        let queue = DispatchQueue.init(label: "zjfaeQueue")//创建队列
        let mainQueue = DispatchQueue.main
        queue.async {
            mainQueue.async {
                self.drawOutCCircle_first()
            }
        }
        queue.async {
            Thread.sleep(forTimeInterval: Double(self.first_animation_time!))
            mainQueue.async {
               self.drawOutCCircle_second()
            }
           
        }
        queue.async {
            Thread.sleep(forTimeInterval: Double(self.second_animation_time!))
            mainQueue.async {
            self.drawOutCCircle_third()
            }
        }
        queue.async {
            Thread.sleep(forTimeInterval: Double(self.third_animation_time!))
            mainQueue.async {
            self.drawOutCCircle_fourth()
            }
        }

    }
    
    /*
     *中心标签设置
     */
   func initCenterLabel(){
        let center =  min(self.bounds.size.width/2, self.bounds.size.width/2)
        self.CGPoinCerter = CGPoint(x: center, y: center)
        self.centerLable = UILabel(frame:CGRect(x: 0, y: 0, width: 2*center, height: 2*center))
        self.centerLable?.textAlignment = .center
        self.centerLable?.backgroundColor = UIColor.clear
        self.centerLable?.adjustsFontSizeToFitWidth = true
        self.centerLable?.autoresizingMask = [.flexibleWidth,.flexibleHeight]
        self.contentMode = .redraw
        self.addSubview(self.centerLable!)
    }

    /*
     参数配置
    */
    func initData(){
        //计算animation时间
        first_animation_time = self.animation_time! * self.firstScale!
        second_animation_time = self.animation_time! * self.secondScale!
        third_animation_time = self.animation_time! * self.thirdScale!
        fourth_animation_time = self.animation_time! * self.fourthScale!
        //半径计算
        let x = (Float(self.bounds.size.height/2))-(self.lineWith!/2)
        let y = (Float(self.bounds.size.width/2))-(self.lineWith!/2)
        radius = min(x, y)
        self.centerLable?.font = UIFont.systemFont(ofSize: CGFloat(radius!/3))
    }
    /**
     *  显示圆环 -- first
     */
    func drawOutCCircle_first(){
        let bPath_first:UIBezierPath = UIBezierPath.init(arcCenter: self.CGPoinCerter!, radius: CGFloat(radius!), startAngle: CGFloat(Double.pi * 0), endAngle: CGFloat(Double.pi * Double(self.firstScale! * 2)), clockwise: self.clockwise!)
        let lineLayer_first = CAShapeLayer.init(layer: layer)
        lineLayer_first.frame = (self.centerLable?.frame)!
        lineLayer_first.fillColor = UIColor.clear.cgColor
        lineLayer_first.path = bPath_first.cgPath
        lineLayer_first.strokeColor = self.firstColor?.cgColor
        lineLayer_first.lineWidth  = CGFloat(self.lineWith!)
        let ani:CABasicAnimation = CABasicAnimation.init(keyPath: "strokeEnd")
        ani.fromValue = 0
        ani.toValue = 1;
        ani.duration = Double(first_animation_time!)
        lineLayer_first.add(ani, forKey: "strokeEnd")
        self.layer.addSublayer(lineLayer_first)
    }
    
    /**
     *  显示圆环 -- second
     */
    func drawOutCCircle_second(){
        
        let bPath_second:UIBezierPath = UIBezierPath.init(arcCenter: self.CGPoinCerter!, radius: CGFloat(radius!), startAngle: CGFloat(Double.pi * Double(2 * self.firstScale!)), endAngle: CGFloat(Double.pi * Double(2 * (self.firstScale! + self.secondScale!))), clockwise: self.clockwise!)

        let lineLayer_second = CAShapeLayer.init(layer: layer)
        lineLayer_second.frame = self.centerLable!.frame
        lineLayer_second.fillColor = UIColor.clear.cgColor
        lineLayer_second.path = bPath_second.cgPath
        lineLayer_second.strokeColor = self.secondColor?.cgColor
        lineLayer_second.lineWidth = CGFloat(self.lineWith!)
        
        let ani = CABasicAnimation(keyPath: "strokeEnd")
        ani.fromValue = 0
        ani.toValue = 1
        ani.duration = Double(second_animation_time!)
        lineLayer_second.add(ani, forKey: "strokeEnd")
        self.layer.addSublayer(lineLayer_second)
    }
    /**
     *  显示圆环 -- third
     */
    func drawOutCCircle_third(){
        let bPath_third = UIBezierPath.init(arcCenter: self.CGPoinCerter!, radius: CGFloat(radius!), startAngle: CGFloat(Double.pi * Double(2 * (self.firstScale! + self.secondScale!))), endAngle: CGFloat(Double.pi * Double(2 * (self.firstScale! + self.secondScale! + self.thirdScale!))), clockwise: self.clockwise!)
        
        let lineLayer_third = CAShapeLayer.init(layer: layer)
        lineLayer_third.frame = self.centerLable!.frame
        lineLayer_third.fillColor = UIColor.clear.cgColor
        lineLayer_third.path = bPath_third.cgPath
        lineLayer_third.strokeColor = self.thirdColor?.cgColor
        lineLayer_third.lineWidth = CGFloat(self.lineWith!)
        
        let ani = CABasicAnimation.init(keyPath: "strokeEnd")
        ani.fromValue = 0
        ani.toValue = 1
        ani.duration = Double(third_animation_time!)
        lineLayer_third.add(ani, forKey: "strokeEnd")
        self.layer.addSublayer(lineLayer_third)
    }
    /**
     *  显示圆环 -- fourth
     */
    func drawOutCCircle_fourth(){
        let bPath_fourth = UIBezierPath.init(arcCenter: self.CGPoinCerter!, radius: CGFloat(radius!), startAngle: CGFloat(Double.pi * Double(2 * (self.firstScale! + self.secondScale! + self.thirdScale!))), endAngle: CGFloat(Double.pi * Double(2 * (self.firstScale! + self.secondScale! + self.thirdScale! + self.fourthScale!))), clockwise: self.clockwise!)
        let lineLayer_fourth = CAShapeLayer.init(layer: layer)
        lineLayer_fourth.frame = self.centerLable!.frame
        lineLayer_fourth.fillColor = UIColor.clear.cgColor
        lineLayer_fourth.path = bPath_fourth.cgPath
        lineLayer_fourth.strokeColor = self.fourthColor?.cgColor
        lineLayer_fourth.lineWidth = CGFloat(self.lineWith!)
        
        let ani = CABasicAnimation.init(keyPath: "strokeEnd")
        ani.fromValue = 0
        ani.toValue = 1
        ani.duration = Double(fourth_animation_time!)
        lineLayer_fourth.add(ani, forKey: "strokeEnd")
        self.layer.addSublayer(lineLayer_fourth)
        
        
    }
    /**
     *  辅助圆环
     */
    func drawMiddlecircle(){
        let cPath = UIBezierPath.init(arcCenter: self.CGPoinCerter!, radius: CGFloat(radius!), startAngle: CGFloat(Double.pi * 0), endAngle: CGFloat(Double.pi * 2 ), clockwise: self.clockwise!)
        cPath.lineWidth = CGFloat(self.lineWith!)
        cPath.lineCapStyle = .round
        cPath.lineJoinStyle = .round
        let color = self.unfillColor
        color?.setStroke()
        cPath.stroke()
    }
    

}