最近项目用到了 一个经验条 要求颜色渐变 中间是用户头像 还要接受事件 然后自己写了个下面这个控件
// // XProgressView.swift // XProgressView // // Created by eduo_xiaoP on 15/4/11. // copyright (c) 2015年 eduo. All rights reserved. // import Foundation import UIKit @objc protocol XCirleProgressViewDelegate: NSObjectProtocol { optional func progresstapped(progressView: XCirleProgressView!) } @IBDesignable class XCirleProgressView: UIView { struct Constant { static let linewidth: CGFloat = 10 static let trackColor = UIColor(red: 245/255.0,green: 245/255.0,blue: 245/255.0,alpha: 1) static let endColor = UIColor.redColor().colorWithAlphaComponent(0.8) static let startColor = UIColor.greenColor().colorWithAlphaComponent(0.2) } let gradientLayer = CAGradientLayer() let trackLayer = CAShapeLayer() let progressLayer = CAShapeLayer() let path = UIBezierPath() @IBInspectable var progress: Int = 0 @IBInspectable var image: UIImage? { didSet{ setNeedsdisplay() } } weak var delegate: XCirleProgressViewDelegate? required init(coder aDecoder: NSCoder) { super.init(coder: aDecoder) initialization() } override init(frame: CGRect) { super.init(frame: frame) initialization() } override func layoutSubviews() { path.movetoPoint(CGPointMake(CGRectGetMidX(bounds) + Constant.linewidth/2.0,Constant.linewidth)) path path.addArcWithCenter(CGPointMake(CGRectGetMidX(bounds),CGRectGetMidY(bounds)),radius: bounds.size.width/2 - Constant.linewidth,startAngle: angletoRadian(-90),endAngle: angletoRadian(270),clockwise: true) trackLayer.frame = bounds trackLayer.path = path.CGPath progressLayer.frame = bounds progressLayer.path = path.CGPath gradientLayer.frame = bounds } func initialization() { trackLayer.fillColor = UIColor.clearColor().CGColor trackLayer.strokeColor = Constant.trackColor.CGColor trackLayer.linewidth = Constant.linewidth trackLayer.lineCap = kCALineCapRound layer.addSublayer(trackLayer) progressLayer.fillColor = UIColor.clearColor().CGColor progressLayer.strokeColor = UIColor.orangeColor().CGColor progressLayer.linewidth = Constant.linewidth progressLayer.lineCap = kCALineCapSquare progressLayer.strokeEnd = 0 gradientLayer.colors = [Constant.startColor.CGColor,Constant.endColor.CGColor] layer.addSublayer(gradientLayer) } override func drawRect(rect: CGRect) { progressLayer.strokeEnd = CGFloat(progress)/200.0//好像是由于layoutsubviews调用2此导致的画出来长度是2倍 待解决 gradientLayer.mask = progressLayer path.addClip() image?.drawInRect(bounds) } func setProgress(pro: Int,animated anim: Bool) { setProgress(pro,animated: anim,withDuration: 0.55) } func setProgress(pro: Int,animated anim: Bool,withDuration duration: Double) { progress = pro CATransaction.begin() CATransaction.setdisableActions(!anim) CATransaction.setAnimationTimingFunction(camediatimingFunction(name: kcamediatimingFunctionEaseInEaSEOut)) CATransaction.setAnimationDuration(duration) progressLayer.strokeEnd = CGFloat(progress)/200.0//好像是由于layoutsubviews调用2此导致的画出来长度是2倍 待解决 CATransaction.commit() } private func angletoRadian(angle: Double)->CGFloat { return CGFloat(angle/Double(180.0) * M_PI) } override func touchesBegan(touches: Set<NSObject>,withEvent event: UIEvent) { if let dele = delegate where dele.respondsToSelector("progresstapped:") { dele.progresstapped!(self) } } }
原文地址:https://www.jb51.cc/swift/327303.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。