📱 Transitioning Between Multiple View Controllers Using Animations (iOS – Xcode)

---

✅ 1. Definition

Transitioning between view controllers means moving from one screen to another in an app. When animations are added, the transition becomes visually smooth and engaging (e.g., slide, fade, flip).

---

🧠 2. Key Concepts

🔹 View Controller Transition

• Switching from one View Controller to another

• Can be:

  • Push (Navigation-based)
  • Modal (Present/Dismiss)

---

🔹 Animation

• Visual effect during transition
• Improves user experience (UX)

---

🔹 Transition Styles

Common animation styles:

• Slide (default)
• Fade
• Flip
• Cross dissolve
• Custom animation

---

🏗️ 3. Types of Transitions

---

🔹 1. Push Transition (Navigation Controller)

• Used in apps with navigation stack
• New screen slides in from right

navigationController?.pushViewController(secondVC, animated: true)

---

🔹 2. Modal Transition (Present)

• Presents a new screen on top

present(secondVC, animated: true, completion: nil)

---

🔹 3. Dismiss Transition

dismiss(animated: true, completion: nil)

---

🎬 4. Built-in Animation Styles

You can customize modal transitions:

secondVC.modalTransitionStyle = .flipHorizontal
present(secondVC, animated: true)

📌 Common Styles

Style	Description
.coverVertical	Slide up (default)
.flipHorizontal	Flip animation
.crossDissolve	Fade effect
.partialCurl	Page curl

---

⚙️ 5. Using Storyboard Segues with Animation

---

🔹 Step 1: Add Segue

• Control + Drag → connect two view controllers

---

🔹 Step 2: Select Segue Type

• Show (Push)
• Present Modally

---

🔹 Step 3: Configure Animation

• Select destination VC
• Set Transition Style in Attributes Inspector

---

🎨 6. Custom Animations (Advanced)

You can create your own animation:

UIView.transition(with: self.view, duration: 0.5, options: .transitionFlipFromRight, animations: {
    self.present(secondVC, animated: false)
})

---

📊 Diagram Description (for Exams)

Draw:

Screen 1 ──(Animated Transition)──▶ Screen 2
     (Slide / Fade / Flip)

---

📌 7. Important Rules / Tips

• Use animations to improve UX, not distract
• Keep transitions fast and smooth
• Use Navigation Controller for structured flow
• Avoid too many complex animations
• Maintain consistency across app

---

💡 8. Example

🎯 Animated Navigation App

Screen 1:

• Button → “Next”

Code:

@IBAction func goNext(_ sender: UIButton) {
    let vc = storyboard?.instantiateViewController(withIdentifier: "SecondVC") as! SecondViewController
    vc.modalTransitionStyle = .crossDissolve
    present(vc, animated: true)
}

👉 Result:

• Screen fades into next screen

---

⚠️ 9. Common Mistakes

• ❌ Not embedding in Navigation Controller
• ❌ Forgetting Storyboard ID
• ❌ Using too slow animations
• ❌ Mixing inconsistent styles

---

📝 10. Likely Exam Questions

1. What is view controller transition?
2. Explain push and modal transitions.
3. List different animation styles in iOS.
4. How do you present a view controller with animation?
5. Write code for flip animation transition.
6. What is the role of Navigation Controller?
7. Explain custom animation in iOS.
8. Draw a diagram of animated transition.

---

📚 11. Quick Revision Summary

• Transition = moving between screens

• Types:

  • Push (navigation stack)
  • Modal (present/dismiss)

• Animations:

  • Slide, Fade, Flip

• Use:

  • present()
  • pushViewController()

• Customize with:

  • modalTransitionStyle

• Keep animations smooth and consistent

---