Gestos y dibujo personalizado

Los controles estándar cubren mucho, pero las apps memorables tienen toques propios: una tarjeta que arrastras, un gráfico dibujado a medida, una interacción táctil única. Para eso SwiftUI te da gestos y un lienzo de dibujo.

Gestos simples

Los más comunes son modificadores directos:

Text("Tócame")
    .onTapGesture { print("tap") }
    .onLongPressGesture { print("mantenido") }

// tap doble o con posición
Circle()
    .onTapGesture(count: 2) { print("doble tap") }

Arrastrar: DragGesture

Para gestos con estado continuo (arrastrar), usas .gesture(...) con DragGesture. @GestureState guarda el desplazamiento solo mientras dura el gesto:

struct Arrastrable: View {
    @State private var posicion = CGSize.zero
    @GestureState private var arrastre = CGSize.zero

    var body: some View {
        Circle()
            .frame(width: 80, height: 80)
            .offset(x: posicion.width + arrastre.width,
                    y: posicion.height + arrastre.height)
            .gesture(
                DragGesture()
                    .updating($arrastre) { valor, estado, _ in
                        estado = valor.translation      // mientras arrastras
                    }
                    .onEnded { valor in
                        posicion.width += valor.translation.width
                        posicion.height += valor.translation.height
                    }
            )
    }
}

Formas y Path

SwiftUI trae formas listas: Circle, Rectangle, RoundedRectangle, Capsule, Ellipse. Y para lo tuyo, Path dibuja líneas y curvas:

Path { p in
    p.move(to: CGPoint(x: 0, y: 100))
    p.addLine(to: CGPoint(x: 100, y: 0))
    p.addLine(to: CGPoint(x: 200, y: 100))
    p.closeSubpath()
}
.fill(.orange)

Canvas: dibujo eficiente

Cuando necesitas dibujar muchos elementos (partículas, gráficos, visualizaciones), Canvas es un lienzo de alto rendimiento que dibuja en modo inmediato, sin crear una vista por elemento:

Canvas { context, size in
    for i in 0..<50 {
        let x = Double.random(in: 0...size.width)
        let y = Double.random(in: 0...size.height)
        let punto = Path(ellipseIn: CGRect(x: x, y: y, width: 6, height: 6))
        context.fill(punto, with: .color(.blue))
    }
}