“Gira a saída renderizada desta visualização em torno do ponto especificado.”

— Documentação da Apple

Neste tutorial, você aprenderá o que é o efeito de rotação no SwiftUI. Você vai aprender:

• Como usar orotationEffect
• Como usar orotation3DEffect

Para acompanhar este tutorial, você precisará de algum conhecimento básico em:

• Rápido
• Pelo menos Xcode 11

Vamos tentar rotationEffectcom diferentes graus.

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)

      

O 'rotation3DEffect'

Em 3D, você pode brincar com diferentes eixos, como x, y e z. Vamos mergulhar.

eixo 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))

      

Se você sentir que está pronto para enfrentar mais desafios, fique à vontade para conferir alguns outros tutoriais que criamos:

• Sombra
• Imagem