Os gradientes são uma ferramenta poderosa no design gráfico e no desenvolvimento de interfaces de usuário, permitindo a criação de transições suaves entre cores. No ambiente Apple, especialmente ao desenvolver aplicativos para iOS e macOS, o uso de gradientes pode ser facilmente implementado usando Swift e SwiftUI. Este artigo irá guiá-lo através do processo de criação de gradientes em aplicativos Apple.

Exemplo 1: Criando um gradiente linear com SwiftUI

SwiftUI é uma poderosa framework da Apple que facilita a criação de interfaces de usuário. Veja como criar um gradiente linear:

import SwiftUI

struct ContentView: View {
    var body: some View {
        LinearGradient(
            gradient: Gradient(colors: [.blue, .purple]),
            startPoint: .top,
            endPoint: .bottom
        )
        .frame(height: 200)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Neste exemplo, criamos um LinearGradient que transita do azul para o roxo, começando do topo e terminando na parte inferior da vista.

Exemplo 2: Criando um gradiente radial com SwiftUI

Para criar um gradiente radial, que se expande a partir de um ponto central, use o seguinte código:

import SwiftUI

struct RadialGradientView: View {
    var body: some View {
        RadialGradient(
            gradient: Gradient(colors: [.red, .yellow]),
            center: .center,
            startRadius: 5,
            endRadius: 200
        )
        .frame(width: 300, height: 300)
    }
}

struct RadialGradientView_Previews: PreviewProvider {
    static var previews: some View {
        RadialGradientView()
    }
}

Aqui, o RadialGradient começa com a cor vermelha no centro e transita para o amarelo.

Exemplo 3: Usando Core Graphics para gradientes personalizados

Se você precisar de mais controle sobre os gradientes, pode usar Core Graphics. Veja como:

import UIKit

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

        let colors = [UIColor.green.cgColor, UIColor.blue.cgColor] as CFArray
        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let colorLocations: [CGFloat] = [0.0, 1.0]

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

        let startPoint = CGPoint(x: 0, y: 0)
        let endPoint = CGPoint(x: self.bounds.width, y: self.bounds.height)

        context.drawLinearGradient(gradient, start: startPoint, end: endPoint, options: [])
    }
}

Este exemplo usa Core Graphics para desenhar um gradiente linear de verde para azul na view.