Dynamically adjusting layouts based on rotation

Dynamically adjusting layouts based on rotation means automatically changing the UI arrangement of an app when the device switches between:

📱 Dynamically Adjusting Layouts Based on Rotation (iOS – Xcode)

✅ 1. Definition

Dynamically adjusting layouts based on rotation means automatically changing the UI arrangement of an app when the device switches between:

📱 Portrait mode (vertical)
📱 Landscape mode (horizontal)

👉 The goal is to ensure the interface always looks proper, readable, and usable in both orientations.

🧠 2. Key Concepts

🔹 Dynamic Layout

A layout that changes automatically based on screen size or orientation.

🔹 Rotation Event

Occurs when the device changes orientation, triggering a UI update.

🔹 Auto Layout (Most Important)

Uses constraints instead of fixed positions
Automatically rearranges UI on rotation

🔹 Size Classes

Compact width → iPhone portrait
Regular width → iPad / landscape

🔄 3. How Layout Adjustment Works

Device Rotates
      ↓
iOS detects orientation change
      ↓
View updates layout constraints
      ↓
UI rearranges automatically

⚙️ 4. Methods to Adjust Layout Dynamically

🔹 1. Auto Layout (Best Method)

UI adjusts automatically
No manual coding needed

👉 Example:

Button stays centered in both orientations

🔹 2. Stack Views (Recommended)

Automatically rearranges UI elements

Example behavior:

Portrait	Landscape
Vertical stack	Horizontal stack

🔹 3. Detect Rotation Programmatically

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    
    if size.width > size.height {
        print("Landscape Layout")
    } else {
        print("Portrait Layout")
    }
}

🔹 4. Trait Collection (Modern Approach)

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    
    if traitCollection.verticalSizeClass == .compact {
        print("Landscape Mode Detected")
    }
}

🔹 5. Manual Layout Adjustment

if UIDevice.current.orientation.isLandscape {
    label.font = UIFont.systemFont(ofSize: 24)
    button.frame.origin.y = 100
} else {
    label.font = UIFont.systemFont(ofSize: 18)
    button.frame.origin.y = 200
}

📊 5. Diagram Description (for Exams)

Draw:

Portrait Mode              Landscape Mode
   📱                         📱
 [ UI Stack ]            [ UI  UI  UI ]
 [ Vertical ]            [ Horizontal ]