Bars - Navigation Bars

原文在这里Navigation Bars

导航栏出现在应用程序屏幕的顶部，状态栏的下方，通常分为左（后退按钮）中（标题）右（额外的控件，例如“编辑”或者“完成”按钮）三个部分。

导航栏是半透明的，所以可以为期设置背景色。

截屏2021-11-18 下午2.49.52.png

通用规范建议

• 当需要全屏显示某些内容的时候，应该考虑隐藏导航栏，以给用户更好的体验。

标题规范建议

• 通常建议在导航栏标题中显示当前视图的标题，除非显得冗余了。

• 如果您想特别强调标题时，请使用大标题

  
  截屏2021-11-18 下午2.56.29.png

• 使用大标题时，可以看情况考虑隐藏导航栏的边框，用来增强标题和内容之间的联系感。

控件规范建议

• 避免使用过多控件挤满导航栏。

• 导航栏图标的尺寸为：

  
  截屏2021-11-18 下午3.00.14.png

• 请使用标准的返回按钮，如果您真的打算自定义，请保证其语意符合用户的习惯，并且保证整个APP统一使用其作为返回按钮，此外，您还需要提供对应的蒙版图像，因为在导航栏动画过程中需要此图像。

• 请确保后退按钮始终执行单个操作 - 返回上一屏幕

• 给文本标题按钮足够的空间。

• 如果有多个按钮，通过在按钮之间插入固定空间项来添加分隔。

• 尽量扁平化APP的信息层次结构，例如可以考虑在导航栏中使用分段控件来扁平化应用程序的信息层次结构。

  
  截屏2021-11-18 下午3.04.59.png