swiftui-ui-patterns - split-views

分栏视图与列布局意图在 iPad/macOS 上提供轻量、可定制的多列布局而不依赖NavigationSplitView。自定义分栏模式手动 HStack当您需要对列宽、行为和环境设置拥有完全控制权时请使用此模式。MainActorstructAppView:View{Environment(\.horizontalSizeClass)privatevarhorizontalSizeClassAppStorage(showSecondaryColumn)privatevarshowSecondaryColumntruevarbody:someView{HStack(spacing:0){primaryColumnifshouldShowSecondaryColumn{Divider().edgesIgnoringSafeArea(.all)secondaryColumn}}}privatevarshouldShowSecondaryColumn:Bool{horizontalSizeClass.regularshowSecondaryColumn}privatevarprimaryColumn:someView{TabView{/* 标签页 */}}privatevarsecondaryColumn:someView{NotificationsTab().environment(\.isSecondaryColumn,true).frame(maxWidth:.secondaryColumnWidth)}}自定义方案的注意事项使用共享偏好设置或配置项来切换副栏的显示。注入环境标志例如isSecondaryColumn使子视图能够调整行为。副栏优先使用固定或上限宽度以避免布局抖动。替代方案NavigationSplitViewNavigationSplitView可以自动处理侧边栏 内容 补充列但在以下场景中较难定制独立于选择状态的专用通知列自定义尺寸或每列不同的工具栏行为。MainActorstructAppView:View{varbody:someView{NavigationSplitView{SidebarView()}content:{MainContentView()}detail:{NotificationsView()}}}如何选择当您需要完全控制或非标准的副栏时使用手动 HStack 分栏。当您想要标准的系统布局且只需少量定制时使用NavigationSplitView。