← 返回 iOS 词条
侧边导航轨
iOS 原生没有这个
苹果没有导航轨这个组件。最接近的东西不是一条更窄的侧栏,而是 sidebarAdaptable 这一标签栏样式:侧栏与标签栏两种形态各带按钮互相切换,并随旋转与窗口尺寸自动适配——它换的是导航控件的种类,不是同一条轨的宽窄。
通常怎么做:只要侧栏时用 NavigationSplitView 的 Sidebar;不要只为模仿安卓而做一列无文字图标。
它把几个主要页面入口竖直排在屏幕侧边,可以是窄窄的一条,也可以展开得更宽、放下更多入口。
- 屏幕左边竖着一排切页面图标
- 平板侧边那条窄窄的导航
- 一列固定在边上的页面入口
- 侧边那条能变宽的导航
- 侧边导航能收起也能变宽
- 导航轨
- 竖向导航栏
- 侧边图标导航
- 展开式侧边导航轨
其他平台的相似实现
Web需自己实现
该平台没有原生实现网页没有原生导航轨,需要用导航链接和响应式布局自行实现。
看 Web 视角 →Android原生支持
Navigation Rail本平台没有对应叫法M3 Expressive 更新把它拆成两个变体:收起态取代基线导航轨,展开态取代导航抽屉;两者外观一致,靠菜单按钮互相切换。
看 Android 视角 →使用规范
什么时候用
- medium 到 extra-large 断点需要三到七个一级目的地,用收起态
- 窗口更大、横向空间富余时用展开态的标准配置,它与正文并排
- 布局信息密度高、空间紧张,或目的地很多,用展开态的模态配置,它覆盖在正文之上
什么时候别用
- 手机这类 compact 窗口 → 不要常驻收起态,主导航用底部标签栏
- medium 窗口而目的地很少 → 官方建议改用底部标签栏