侧边栏和抽屉怎么选？
一句话做出判断
侧边栏会一直留在布局中。抽屉只会临时滑入，可能盖住或推开内容。
空间足够，而且导航或工具常用时，用侧边栏。偶尔才用或屏幕很小时，用抽屉，并提供清楚的关闭按钮。
看看每个界面模式会做什么
先试试每个例子，再看它适合处理什么工作。
Sidebar Source List
↗ 侧边来源列表
侧边来源列表（Sidebar Source List）是窗口侧边的树形列表，选择哪个来源或集合，就会决定主内容区显示什么。
照片图库列出图库、收藏、相簿和共享群组。选中的集合会填满详情区。
- 什么时候用
- 当固定的集合或位置会决定主面板内容，而且用户工作时会经常切换回去，就适合使用。
- 什么时候不要用
- 不要用它呈现一次性检查清单、少量平面操作，或不会真正改变主内容来源的分类。
- 代码里的名称
NSOutlineView source-list style / SwiftUI NavigationSplitView
Drawer
↗ 抽屉
抽屉会从屏幕边缘滑入，同时保留一部分底层页面。
点击订单后，详情会从右侧打开，后方仍能看到订单列表。
- 什么时候用
- 查看相关详情或处理次要任务，而且保留原来位置很有帮助时，就使用抽屉。
- 什么时候不要用
- 不要把步骤很多的长流程挤进狭窄的抽屉。
- 代码里的名称
Dialog + edge positioning
快速比较
| 界面模式 | 最适合 | 不适合 | 代码里的名称 |
|---|---|---|---|
| 侧边来源列表Sidebar Source List | 当固定的集合或位置会决定主面板内容，而且用户工作时会经常切换回去，就适合使用。 | 不要用它呈现一次性检查清单、少量平面操作，或不会真正改变主内容来源的分类。 | NSOutlineView source-list style / SwiftUI NavigationSplitView |
| 抽屉Drawer | 查看相关详情或处理次要任务，而且保留原来位置很有帮助时，就使用抽屉。 | 不要把步骤很多的长流程挤进狭窄的抽屉。 | Dialog + edge positioning |
上线前检查
- 01
先写下用户要完成什么事。
- 02
测试键盘、焦点、触控、缩放、加载、空白与错误状态。
- 03
不用鼠标悬停或动画，也要能取得相同信息。
- 04
放入真实内容，并在小屏幕和大屏幕上测试。
04
可以直接复制的比较需求
团队还不知道该选哪一种界面模式时，可以复制这段需求。
请在 侧边来源列表（Sidebar Source List）、抽屉（Drawer） 中，为真实用户流程选出最合适的界面模式。判断规则：侧边栏会一直留在布局中。抽屉只会临时滑入，可能盖住或推开内容。。请写下任务、内容量和打断流程的代价，并检查键盘、触控、加载、错误与减少动态效果。说明选择理由，再沿用项目的设计系统，做出最小且无障碍的版本。