"Fait pivoter la sortie rendue de cette vue autour du point spécifié."

— Documentation Apple

Dans ce didacticiel, vous apprendrez quel est l'effet de rotation dans SwiftUI. Vous apprendrez:

• Comment utiliser lerotationEffect
• Comment utiliser lerotation3DEffect

Pour suivre ce tutoriel, vous aurez besoin de quelques connaissances de base en :

• Rapide
• Au moins Xcode 11

Essayons rotationEffectavec différents degrés.

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)

      

L'effet rotation3D

En 3D, vous pouvez jouer avec différents axes, tels que x, y et z. Allons-y.

axe 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 vous vous sentez prêt à relever davantage de défis, n'hésitez pas à consulter d'autres tutoriels que nous avons créés :

• Ombre
• Image