CGGradient é uma parte fundamental do Core Graphics, uma poderosa API da Apple que permite a criação de gráficos 2D em dispositivos iOS e macOS. Gradientes são transições suaves entre cores e são amplamente utilizados para melhorar a estética visual de aplicativos. Neste artigo, vamos explorar como criar e aplicar gradientes usando CGGradient no ambiente Apple.

O que é CGGradient?

CGGradient é uma estrutura que define um gradiente de cores, que pode ser linear ou radial. Ele é usado em conjunto com o contexto gráfico (CGContext) para desenhar gradientes em vistas ou camadas.

Criando um Gradiente Linear

Vamos começar com um exemplo básico de como criar um gradiente linear usando Swift.

import UIKit

class GradientView: UIView {
    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else { return }

        // Definindo as cores do gradiente
        let colors = [UIColor.red.cgColor, UIColor.blue.cgColor] as CFArray

        // Definindo a localização das cores no gradiente
        let locations: [CGFloat] = [0.0, 1.0]

        // Criando o objeto CGGradient
        guard let gradient = CGGradient(colorsSpace: CGColorSpaceCreateDeviceRGB(), colors: colors, locations: locations) else { return }

        // Definindo os pontos de início e fim do gradiente
        let startPoint = CGPoint(x: 0, y: 0)
        let endPoint = CGPoint(x: rect.width, y: rect.height)

        // Desenhando o gradiente no contexto
        context.drawLinearGradient(gradient, start: startPoint, end: endPoint, options: [])
    }
}

Neste exemplo, criamos uma subclasse de UIView e sobrescrevemos o método draw(_:). Dentro desse método, configuramos um gradiente linear que vai do vermelho ao azul.

Criando um Gradiente Radial

Agora, vamos criar um gradiente radial, que se expande de um ponto central.

import UIKit

class RadialGradientView: UIView {
    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else { return }

        let colors = [UIColor.green.cgColor, UIColor.yellow.cgColor] as CFArray
        let locations: [CGFloat] = [0.0, 1.0]

        guard let gradient = CGGradient(colorsSpace: CGColorSpaceCreateDeviceRGB(), colors: colors, locations: locations) else { return }

        let center = CGPoint(x: rect.midX, y: rect.midY)
        let radius = min(rect.width, rect.height) / 2

        context.drawRadialGradient(gradient, startCenter: center, startRadius: 0, endCenter: center, endRadius: radius, options: [])
    }
}

Neste exemplo, criamos um gradiente radial que começa no centro da vista e se expande até as bordas.

Aplicações Práticas

Gradientes são usados em botões, fundos de tela, barras de navegação, entre outros elementos de interface. Eles ajudam a criar interfaces mais atraentes e modernas.

Conclusão

CGGradient é uma ferramenta poderosa para criar efeitos visuais impressionantes em aplicativos iOS e macOS. Com um entendimento básico de como criar e aplicar gradientes, você pode melhorar significativamente a aparência de suas aplicações.