[Swift]绘制渐变色

Demo
GitHub

示意图:

import Foundation
import UIKitclass GradientVC: UIViewController {@IBOutlet weak var butOne: GradientCustomButton!@IBOutlet weak var viewTwo: UIView!override func viewDidLoad() {super.viewDidLoad()/// 方式一 xib添加渐变色/// 方式一 代码添加渐变色butOne.isGradient = truebutOne.startColor = UIColor(hexString: "#FD0134")!butOne.endColor = UIColor(hexString: "#007AFF")!butOne.startPoint = CGPoint(x: 0,y: 0)butOne.endPoint = CGPoint(x: 1,y: 1)/// 方式二//viewTwo.addGradient(start_color: "#8238FF", end_color: "#007AFF")//viewTwo.layer.masksToBounds = trueviewTwo.addGradient(colors: [UIColor(hexString: "#FD0134")!, UIColor(hexString: "#007AFF")!],point: (CGPoint(x: 1.0, y: 0.0), CGPoint(x: 0.0, y: 1.0)),frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width-40, height: 100),radius: 0)}
}

方式一:

使用xib或代码的方式添加渐变色.

这种方式有个缺点, 若是要对更多的视图(比如UILabel)添加渐变色, 需要继续创建一个子类继承于它进行功能的拓展.

import Foundation
import UIKitclass GradientCustomView: UIView {@IBInspectable var isGradient: Bool = false@IBInspectable var startColor: UIColor = .white@IBInspectable var endColor: UIColor = .white@IBInspectable var locations: [NSNumber] = [0 , 1]@IBInspectable var startPoint: CGPoint = .zero@IBInspectable var endPoint: CGPoint = .zeroprivate var gradientBGLayer: CAGradientLayer?override func layoutSubviews() {super.layoutSubviews()gradientBGLayer?.removeFromSuperlayer()if isGradient {gradientBGLayer = CAGradientLayer()gradientBGLayer!.colors = [startColor.cgColor, endColor.cgColor]gradientBGLayer!.locations = locationsgradientBGLayer!.frame = boundsgradientBGLayer!.startPoint = startPointgradientBGLayer!.endPoint = endPointself.layer.insertSublayer(gradientBGLayer!, at: 0)}}}class GradientCustomButton: UIButton {@IBInspectable var isGradient: Bool = false@IBInspectable var startColor: UIColor = .white@IBInspectable var endColor: UIColor = .white@IBInspectable var locations: [NSNumber] = [0 , 1]@IBInspectable var startPoint: CGPoint = .zero@IBInspectable var endPoint: CGPoint = .zeroprivate var gradientBGLayer: CAGradientLayer?override func layoutSubviews() {super.layoutSubviews()gradientBGLayer?.removeFromSuperlayer()if isGradient {gradientBGLayer = CAGradientLayer()gradientBGLayer!.colors = [startColor.cgColor, endColor.cgColor]gradientBGLayer!.locations = locationsgradientBGLayer!.frame = boundsgradientBGLayer!.startPoint = startPointgradientBGLayer!.endPoint = endPointself.layer.insertSublayer(gradientBGLayer!, at: 0)}}}

方式一:

直接拓展UIView,让每个继承于UIView的视图都可以调用拓展的方法.

这种方式的缺点就是无法在Xib中使用

import Foundation
import UIKitextension UIView {@discardableResultfunc addGradient(colors: [UIColor],point: (CGPoint, CGPoint) = (CGPoint(x: 0.5, y: 0), CGPoint(x: 0.5, y: 1)),locations: [NSNumber] = [0, 1],frame: CGRect = CGRect.zero,radius: CGFloat = 0,at: UInt32 = 0) -> CAGradientLayer {let bgLayer1 = CAGradientLayer()bgLayer1.colors = colors.map { $0.cgColor }bgLayer1.locations = locationsif frame == .zero {bgLayer1.frame = self.bounds} else {bgLayer1.frame = frame}bgLayer1.startPoint = point.0bgLayer1.endPoint = point.1bgLayer1.cornerRadius = radiusself.layer.insertSublayer(bgLayer1, at: at)return bgLayer1}func addGradient(start: CGPoint = CGPoint(x: 0.5, y: 0),end: CGPoint = CGPoint(x: 0.5, y: 1),colors: [UIColor],locations: [NSNumber] = [0, 1],frame: CGRect = CGRect.zero,radius: CGFloat = 0,at: UInt32 = 0) {let bgLayer1 = CAGradientLayer()bgLayer1.colors = colors.map { $0.cgColor }bgLayer1.locations = locationsbgLayer1.frame = framebgLayer1.startPoint = startbgLayer1.endPoint = endbgLayer1.cornerRadius = radiusself.layer.insertSublayer(bgLayer1, at: at)}func addGradient(start_color:String,end_color : String,frame : CGRect?=nil,cornerRadius : CGFloat?=0, at: UInt32 = 0){var bounds : CGRect = self.boundsif let frame = frame {bounds = frame}let bgLayer1 = CAGradientLayer()bgLayer1.colors = [UIColor(hexString: start_color)!.cgColor, UIColor(hexString: end_color)!.cgColor]bgLayer1.locations = [0, 1]bgLayer1.frame = boundsbgLayer1.startPoint = CGPoint(x: 0, y: 0.61)bgLayer1.endPoint = CGPoint(x: 0.61, y: 0.61)bgLayer1.cornerRadius = cornerRadius ?? 0self.layer.insertSublayer(bgLayer1, at: at)}func addGradient(start_color:String,end_color : String,frame : CGRect?=nil,borader: CGFloat = 0,boraderColor: UIColor = .clear,at: UInt32 = 0,corners: UIRectCorner?,radius: CGFloat = 0) {var bounds : CGRect = self.boundsif let frame = frame {bounds = frame}let bgLayer1 = CAGradientLayer()bgLayer1.colors = [UIColor(hexString: start_color)!.cgColor, UIColor(hexString: end_color)!.cgColor]bgLayer1.locations = [0, 1]bgLayer1.frame = boundsbgLayer1.startPoint = CGPoint(x: 0, y: 0.61)bgLayer1.endPoint = CGPoint(x: 0.61, y: 0.61)bgLayer1.borderColor = boraderColor.cgColorbgLayer1.borderWidth = boraderif corners != nil {let cornerPath = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners!, cornerRadii: CGSize(width: radius, height: radius))let radiusLayer = CAShapeLayer()radiusLayer.frame = boundsradiusLayer.path = cornerPath.cgPathbgLayer1.mask = radiusLayer}self.layer.insertSublayer(bgLayer1, at: at)}func addGradient(startPoint: CGPoint = CGPoint(x: 0, y: 0.5),start_color:String,endPoint: CGPoint = CGPoint(x: 1, y: 0.5),end_color : String,frame : CGRect? = nil,cornerRadius : CGFloat?=0){var bounds : CGRect = self.boundsif let frame = frame {bounds = frame}let bgLayer1 = CAGradientLayer()bgLayer1.frame = boundsbgLayer1.startPoint = startPointbgLayer1.endPoint = endPointbgLayer1.colors = [UIColor(hexString: start_color)!.cgColor, UIColor(hexString: end_color)!.cgColor]bgLayer1.locations = [0, 1]bgLayer1.cornerRadius = cornerRadius ?? 0self.layer.addSublayer(bgLayer1)}func addVerticalGradient(start_color:String,end_color : String,frame : CGRect?=nil,cornerRadius : CGFloat?=0){var bounds : CGRect = self.boundsif let frame = frame {bounds = frame}let bgLayer1 = CAGradientLayer()bgLayer1.colors = [UIColor(hexString: start_color)!.cgColor, UIColor(hexString: end_color)!.cgColor]bgLayer1.locations = [0, 1]bgLayer1.frame = boundsbgLayer1.startPoint = CGPoint(x: 0.5, y: 0)bgLayer1.endPoint = CGPoint(x: 1, y: 1)bgLayer1.cornerRadius = cornerRadius ?? 0self.layer.insertSublayer(bgLayer1, at: 0)}//将当前视图转为UIImagefunc asImage() -> UIImage {let renderer = UIGraphicsImageRenderer(bounds: bounds)return renderer.image { rendererContext inlayer.render(in: rendererContext.cgContext)}}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！