如何在iPad上更改SwiftUI拆分视图中的主控视图宽度

在iPad上更改SwiftUI拆分视图（Split View）中的主控视图宽度，可以通过调整SplitView的preferredDisplayMode属性来实现。以下是一个详细的步骤和示例代码：

基础概念

拆分视图（Split View）：这是一种界面布局模式，通常用于平板电脑等较大屏幕设备上，允许用户同时查看和操作两个相关的视图。主控视图通常显示主要的内容，而详细视图则显示与主控视图相关联的详细信息。

类型

单列模式：只显示一个视图。
双列模式：同时显示主控视图和详细视图。

应用场景

邮件客户端：主控视图显示邮件列表，详细视图显示邮件内容。
日历应用：主控视图显示日期列表，详细视图显示具体日程。

示例代码

以下是一个简单的SwiftUI示例，展示了如何在iPad上更改拆分视图中的主控视图宽度：

import SwiftUI

struct ContentView: View {
    @State private var displayMode: UISplitViewController.DisplayMode = .allVisible
    
    var body: some View {
        NavigationView {
            List(0..<10) { item in
                NavigationLink(destination: DetailView(item: item)) {
                    Text("Item \(item)")
                }
            }
            .navigationTitle("Main View")
            .listStyle(InsetGroupedListStyle())
        }
        .navigationViewStyle(StackNavigationViewStyle())
        .onAppear {
            if let splitViewController = UIApplication.shared.windows.first?.rootViewController as? UISplitViewController {
                splitViewController.preferredDisplayMode = displayMode
            }
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Button(action: {
                    switch displayMode {
                    case .allVisible:
                        displayMode = .primaryHidden
                    case .primaryHidden:
                        displayMode = .primaryOverlay
                    case .primaryOverlay:
                        displayMode = .automatic
                    default:
                        displayMode = .allVisible
                    }
                    
                    if let splitViewController = UIApplication.shared.windows.first?.rootViewController as? UISplitViewController {
                        splitViewController.preferredDisplayMode = displayMode
                    }
                }) {
                    Image(systemName: "arrowtriangle.down.fill")
                }
            }
        }
    }
}

struct DetailView: View {
    let item: Int
    
    var body: some View {
        Text("Detail for Item \(item)")
            .navigationTitle("Detail")
    }
}

@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}