此页面由 Cloud Translation API 翻译。

Android 系统栏

状态栏和导航栏统称为“系统栏”。它们显示重要信息，如电池电量、时间和通知提醒，并可随时随地与设备进行直接互动。

无论您是要将系统栏设计与 Android OS、输入法或其他设备功能。将系统栏置于大部分层的顶部所有指标

要点总结

在设计中添加系统栏，以便将界面安全区、系统互动、输入法、刘海屏以及其他设备功能。将系统栏置于最顶层，以确保系统栏能够将其考虑在内。
正确做法：将系统栏设置为透明，并以全屏模式将应用布局延续条形下面的界面，以提供完整的无边框体验。
如果您无法将两个条形都设置为透明，请确保条形的颜色与应用正文的颜色保持一致。例如，匹配底部的导航栏颜色与手势栏颜色的对比，以及顶部状态栏的颜色将颜色替换为正文色。
<ph type="x-smartling-placeholder">
</ph>
图 2：确保系统栏颜色与应用的正文颜色一致
避免在手势边衬区下添加点按手势或拖动目标；这些内容与全屏导航和手势导航冲突。
<ph type="x-smartling-placeholder">
</ph>
图 3：系统手势边衬区。避免点按目标

注意：系统栏和导航可能因设备制造商而异。较早设备可能具有硬件导航按钮，而不是软件按钮。

借助无边框功能，Android 可以在系统栏下方绘制界面沉浸感更强的体验我们建议使用无边框，因为透明导航栏是用户的常见请求。（了解如何支持无边框）。

应用可以通过响应边衬区来解决内容重叠问题。边衬区描述需要填充多少应用内容以避免与部分（如导航栏或状态栏），或实体设备功能，例如刘海屏。

在设计全屏使用时，请注意以下类型的边衬区用例：

在 Android 中，状态栏包含通知图标和系统图标。通过用户将状态栏向下拖动以访问通知阴影。

状态栏的外观可能会因具体情况、时段用户设置的偏好设置或主题，以及其他参数。您还可以将状态栏样式，如以下示例所示。

既然已实现无边框，请确保您的应用内容横跨整个屏幕必填字段。使用透明系统栏显示无边框内容，如示例。

收到通知时，状态栏中通常会出现一个图标。本次通知用户抽屉式通知栏中有内容。这可以是代表频道的应用图标或符号。请参阅通知设计。

</ph>

图 8：状态栏中的通知图标

使用自定义颜色将状态栏背景设置为应用主题的一部分以及设置透明度和不透明度

<style name="Theme.MyApp">
  <item name="android:statusBarColor">
    @android:color/transparent
  </item>
</style>

如果您要手动设置背景颜色，则可以视需要设置样式状态以浅色或深色显示，以实现最佳对比度。

刘海屏是某些设备上延伸至显示屏的一个区域为前置传感器提供空间。这会影响外观状态栏中的提示。刘海屏可能因制造商而异。

Android 允许用户使用“返回”“主屏幕”和“概览”控件来控制导航：

用户可以从各种导航栏配置（包括手势）中进行选择导航（推荐）和“三按钮”导航

推荐在 Android 10（API 级别 29）中引入手势导航导航类型，但您无法覆盖用户的偏好设置。手势导航不会使用返回、主屏幕和概览等按钮，而是显示单个手势句柄。用户可以通过从左向右滑动或从屏幕右边缘向后/向前移动，从底部向上移动首页。向上滑动并按住可打开概览。

手势导航是一种可扩展性更高的导航模式，移动设备和大屏幕设备为了提供最佳用户体验，请考虑手势导航方式：

“三按钮”导航提供了三个按钮，分别用于返回、主屏幕和概览。

其他导航栏配置可能因 Android 版本和设备而异供用户使用例如，“双按钮导航”提供主屏幕按钮和返回按钮

以下示例展示了如何实现导航样式。

<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
    @android:color/transparent
  </item>
</style>

Android 通过手势处理界面的所有视觉保护导航模式或按钮模式。

手势导航模式：系统会在系统栏的内容会根据内容而改变颜色后面。在以下示例中，导航栏中的句柄如果放置在浅色内容上方，则会变为深色，反之亦然。
<ph type="x-smartling-placeholder">
</ph>
图 13：动态配色
按钮模式：系统在系统后面应用一条半透明的纱罩栏（适用于 API 级别 29 或更高级别）或透明的系统栏（适用于 API 级别） 28 或更低）。
<ph type="x-smartling-placeholder">
</ph>
图 14：动态配色（其中系统栏）根据其背后的内容改变颜色