← 返回 Android 词条

分栏视图

Android原生支持

在 Android 上叫List-detail layout

也叫 Supporting pane

Material 3 Adaptive: NavigableListDetailPaneScaffold / SupportingPaneScaffold

适用范围:Android 大屏与自适应窗口

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

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

结构示意图

AndroidList-detail layout原生支持

其他平台的相似实现

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

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

看 Web 视角 →

使用规范

什么时候用

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

什么时候别用

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

容易混淆

Android 出处

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