Adaptive Layout

🧩SwiftUI ⟩ Layout ⟩

🔴 主題

• Size Classes

• Dynamic Type Sizes

📗 參考

• FiveStars ⟩

  • How to read a view size in SwiftUI

  • Flexible layouts in SwiftUI - GridView. ⭐️

  • How to make SwiftUI views adaptive

• Design+Code ⟩ Adaptive Layout

• Use Your Loaf ⟩ SwiftUI Adaptive Stack Views

• Paul ⟩ How to automatically switch between HStack and VStack based on size class

📘 手冊

• Human Interface Guidelines ⟩ Adaptivity and Layout ⟩ Size Classes

• SwiftUI ⟩ State and Data Flow ⟩ EnvironmentValues ⟩

  • horizontalSizeClass : UserInterfaceSizeClass (enum)

  • verticalSizeClass : UserInterfaceSizeClass (enum)

👥 相關

• ViewBuilder

• Size Classes

• Preferences ⟩ PreferenceKey

💈範例

• AdaptiveHStack