Gradient-circle-LoadingView
先看几张图片
Gradient-circle-1.png
Gradient-circle-2.png
Gradient-circle-3.png
渐变圆loading.gif
//
//GMView.swift
//图层拼接渐变线
//
//Created by Xinxibin on 16/8/8.
//Copyright © 2016年GloryMan. All rights reserved.
//
importUIKit
classGMView:UIView{
//主layer
varshapeLayer:CAShapeLayer!
//圆形layer
varlayer1:CAShapeLayer!
//色卡1
varcolors1:[CGColor] = [UIColor.init(red:137.0/255.0, green:137.0/255.0, blue:137.0/255.0, alpha:1).CGColor,UIColor.blackColor().CGColor]
//色卡2
varcolors2:[CGColor] = [UIColor.init(red:110/255.0, green:110/255.0, blue:110/255.0, alpha:1).CGColor,UIColor.whiteColor().CGColor]
varstrokeEndFloat:CGFloat=0{
didSet{
layer1.strokeEnd=strokeEndFloat
}
}
overridefuncawakeFromNib() {
super.awakeFromNib()
setUI()
}
funcsetUI() {
shapeLayer=CAShapeLayer()
shapeLayer.frame=self.bounds
self.layer.addSublayer(shapeLayer)
//创建梯形layer
letleftLayer =CAGradientLayer()
leftLayer.frame=CGRectMake(0,0,240,120)
leftLayer.colors=colors1
leftLayer.startPoint=CGPointMake(0,0.5)
leftLayer.endPoint=CGPointMake(1,0.5)
shapeLayer.addSublayer(leftLayer)
letrightLayer =CAGradientLayer()
rightLayer.frame=CGRectMake(0,120,240,120)
rightLayer.colors=colors2
rightLayer.startPoint=CGPointMake(0,0.5)
rightLayer.endPoint=CGPointMake(1,0.5)
shapeLayer.addSublayer(rightLayer)
//创建一个圆形layer
layer1=CAShapeLayer()
layer1.frame=self.bounds
layer1.path=UIBezierPath(arcCenter:CGPointMake(120,120), radius:100, startAngle:CGFloat(M_PI/30), endAngle:2*CGFloat(M_PI) -CGFloat(M_PI/30), clockwise:true).CGPath
layer1.lineWidth=5
layer1.lineCap=kCALineCapRound
layer1.lineJoin=kCALineJoinRound
layer1.strokeColor=UIColor.blackColor().CGColor
layer1.fillColor=UIColor.clearColor().CGColor
//根据laery1的layer形状在shaperLayer中截取出来一个layer
shapeLayer.mask=layer1
startLoading()
}
/**
旋转动画
*/
funcstartLoading() {
letanimation =CABasicAnimation(keyPath:"transform.rotation.z")
animation.toValue=2*M_PI
animation.duration=1.25
animation.repeatCount=HUGE
self.layer.addAnimation(animation, forKey:"")
}
}
就是这么简单是不是，下面是我的github，欢迎来 star
