iOS线性渐变

iOS 渐变

渐变动画链接

部分渐变

1.线性渐变

// 渐变颜色十六进制数组，每个颜色所在的位置
static func linear(colors: [CUnsignedInt], locations: [CGFloat], fromP: CGPoint = CGPoint.init(x: 0, y: 0), toP: CGPoint = CGPoint.init(x: 0, y: 01)) -> UIImage? {
        let frame = CGRect.init(x: 0, y: 0, width: 20, height: 20)
  // 设置获取绘图上下文,尺寸，分辨率 
        UIGraphicsBeginImageContextWithOptions(frame.size, true, UIScreen.main.scale)
  // 获取上下文
        let context = UIGraphicsGetCurrentContext()
  // 设置RGB颜色空间
        let rgb = CGColorSpaceCreateDeviceRGB()
        context?.scaleBy(x: frame.size.width, y: frame.size.height)
        
        var components: [CGFloat] = []
        for (_, color) in colors.enumerated() {
            components.append(contentsOf: [CGFloat(Double(((color & 0xff0000) >> 16)) / 255.0), CGFloat(Double(((color & 0xff00) >> 8)) / 255.0), CGFloat(Double((color & 0xff)) / 255.0), CGFloat(1)])
        }
  // 生成渐变色
        if let gradient = CGGradient.init(colorSpace: rgb, colorComponents: components, locations: locations, count: locations.count) {
          // 开始绘制
            context?.drawLinearGradient(gradient, start: fromP, end: toP, options: .drawsAfterEndLocation)
        }
        let  image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }