"Gira la salida renderizada de esta vista alrededor del punto especificado".

— Documentación de Apple

En este tutorial, aprenderá cuál es el efecto de rotación en SwiftUI. Aprenderás:

• ¿Cómo utilizar elrotationEffect
• ¿Cómo utilizar elrotation3DEffect

Para seguir este tutorial, necesitará algunos conocimientos básicos en:

• Rápido
• Al menos Xcode 11

Probemos rotationEffectcon diferentes grados.

Text("I felt like I am on the roller coaster!")
  .rotationEffect(Angle(degrees: 45))
Text("This is so fun!")
  .rotationEffect(Angle(degrees: 90))

      

Text("I felt like I am on the roller coaster!")
  .rotationEffect(Angle(degrees: 45), anchor: .topLeading)
Text("This is so fun!")
  .rotationEffect(Angle(degrees: 90), anchor: .bottom)

      

El 'efecto rotación3DE'

En 3D, puedes jugar con diferentes ejes, como x, y y z. Vamos a sumergirnos.

eje x

RoundedRectangle(cornerRadius: 4.0)
    .fill(Color.green)
    .overlay(Text("This is even cooler!"))
    .rotation3DEffect(Angle(degrees: 45), axis: (x: 1.0, y: 0.0, z: 0.0))
    .frame(width: 100, height: 100)

      

.rotation3DEffect(Angle(degrees: 45), axis: (x: 0.0, y: 1.0, z: 0.0))

      

.rotation3DEffect(Angle(degrees: 45), axis: (x: 0.0, y: 0.0, z: 1.0))

      

Si siente que está listo para asumir más desafíos, no dude en consultar otros tutoriales que hemos creado:

• Sombra
• Imagen