← 返回 iOS 词条

分栏视图

iOS原生支持

在 iOS 上叫Split View

SwiftUI: NavigationSplitView|UIKit: UISplitViewController

适用范围:iPadOS 与宽窗口;紧凑宽度自动折叠

它把相关内容并排放进两个或多个区域,让用户保留上下文并同时查看详情。

  • 左边列表右边同时看详情的页面
  • 屏幕分成两块各显示一部分内容
  • 拖中间分界线能改两边宽度的布局
  • 拆分视图
  • 主从分栏
  • 多窗格布局

结构示意图

iOSSplit View原生支持

其他平台的相似实现

Web需自己实现
该平台没有原生实现

网页没有原生可拖动分栏组件,布局、分隔条键盘操作和最小尺寸都需要自行实现。

看 Web 视角 →

使用规范

什么时候用

  • 大屏上列表与详情、主内容与辅助工具需要同时可见并保持关系

什么时候别用

  • 手机窄屏、两个区域彼此无关,或每个区域已经复杂到需要独立页面

容易混淆

iOS 出处

查看 Web / iOS / Android 完整对照 →