“หมุนเอาต์พุตที่เรนเดอร์ของมุมมองนี้ไปรอบจุดที่ระบุ”

— เอกสารของ Apple

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้ว่าเอฟเฟกต์การหมุนใน SwiftUI คืออะไร คุณจะได้เรียนรู้:

• วิธีการใช้งานrotationEffect
• วิธีการใช้งานrotation3DEffect

หากต้องการปฏิบัติตามบทช่วยสอนนี้ คุณจะต้องมีความรู้พื้นฐานในด้าน:

• สวิฟท์
• อย่างน้อย Xcode 11

ลองrotationEffectกับองศาที่แตกต่างกันกัน

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)

      

'rotation3DEffect'

ในแบบ 3 มิติ คุณสามารถเล่นกับแกนต่างๆ ได้ เช่นx, yและz มาดำดิ่งกัน

แกน 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))

      

หากคุณรู้สึกว่าคุณพร้อมที่จะรับมือกับความท้าทายเพิ่มเติมแล้ว โปรดดูบทช่วยสอนอื่นๆ ที่เราสร้างขึ้น:

• เงา
• ภาพ