概述
在 SwiftUI 开发的应用中,往往在小屏设备(比如 iPhone)上布局良好的 App 放到大屏(iPad)上后就会“一塌糊涂”。因为它们一味的只想着“占据”却不知道“舍弃”。
从 iOS 17.0(iPad 17.0)开始苹果提供了原生的视图修改器方法专注于处理此事。
在本篇博文中,您将学到如下内容:
- 概述
- 1. “不和谐”的 iPad 内容空白
- 2. 使用屏幕类别(Size Class)因地制宜
- 3. iOS 17 新增的视图间隙调整方法
- 总结
相信学完本课后,小伙伴们无论在何种尺寸屏幕上的 App 都会运行的恰如其分、悠然自得。
那还等什么呢?Let‘s fix it!!!😉
本文对应的视频课在此,欢迎恣意观赏!
SwiftUI 增加视图内容间隙(Margins)的时髦方法
1. “不和谐”的 iPad 内容空白
下面是一段非常简单的 SwiftUI 代码,我们在视图中显示了一个包含 100 行内容的列表:
struct ContentView: View {
var body: some View {
NavigationStack {
List {
ForEach(1..<100) {
index