Trabalho com Imagens em Swift (iOS/macOS)

Neste artigo, abordaremos as principais abordagens e ferramentas para trabalhar com imagens no ecossistema Apple. Você aprenderá a carregar, exibir, processar e salvar imagens usando frameworks nativos do Swift para iOS e macOS. O material será útil tanto para iniciantes quanto para desenvolvedores experientes.

Principais frameworks para trabalhar com imagens

No Swift, existem vários frameworks-chave para trabalhar com gráficos:

UIKit (iOS) — UIImage, UIImageView
AppKit (macOS) — NSImage, NSImageView
Core Image — filtros e processamento
Core Graphics — desenho de baixo nível
Metal — aceleração por GPU para operações complexas
SwiftUI — interface declarativa com Image

Carregamento e exibição de imagens

Vamos ver exemplos básicos para ambas as plataformas.

iOS (UIKit)

import UIKit

// Carregamento de assetslet image = UIImage(named: "example")

// Carregamento de arquivoif let path = Bundle.main.path(forResource: "photo", ofType: "jpg") {    let imageFromFile = UIImage(contentsOfFile: path)}

// Exibição em UIImageViewlet imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))imageView.image = imageimageView.contentMode = .scaleAspectFit

macOS (AppKit)

import AppKit

// Carregamento de assetslet image = NSImage(named: "example")

// Carregamento de arquivoif let path = Bundle.main.path(forResource: "photo", ofType: "jpg") {    let imageFromFile = NSImage(contentsOfFile: path)}

// Exibição em NSImageViewlet imageView = NSImageView(frame: NSRect(x: 0, y: 0, width: 200, height: 200))imageView.image = imageimageView.imageScaling = .scaleProportionallyUpOrDown

SwiftUI (multiplataforma)

import SwiftUI

struct ContentView: View {    var body: some View {        Image("example")            .resizable()            .aspectRatio(contentMode: .fit)            .frame(width: 200, height: 200)    }}

Processamento de imagens com Core Image

O Core Image oferece mais de 200 filtros integrados para processamento de imagens. Aqui está um exemplo de aplicação de sépia:

import CoreImage

func applySepiaFilter(to image: UIImage) -> UIImage? {    guard let ciImage = CIImage(image: image) else { return nil }        let filter = CIFilter(name: "CISepiaTone")    filter?.setValue(ciImage, forKey: kCIInputImageKey)    filter?.setValue(0.8, forKey: kCIInputIntensityKey)        guard let outputImage = filter?.outputImage else { return nil }        let context = CIContext()    guard let cgImage = context.createCGImage(outputImage, from: outputImage.extent) else { return nil }        return UIImage(cgImage: cgImage)}

Redimensionamento e corte

Frequentemente é necessário redimensionar a imagem ou cortá-la centralmente:

extension UIImage {    func resized(to targetSize: CGSize) -> UIImage {        let renderer = UIGraphicsImageRenderer(size: targetSize)        return renderer.image { _ in            self.draw(in: CGRect(origin: .zero, size: targetSize))        }    }        func croppedToSquare() -> UIImage {        let side = min(size.width, size.height)        let x = (size.width - side) / 2        let y = (size.height - side) / 2        let cropRect = CGRect(x: x, y: y, width: side, height: side)                guard let cgImage = cgImage?.cropping(to: cropRect) else { return self }        return UIImage(cgImage: cgImage)    }}