这是我们有关“手势导航”系列的第一篇文章。

借助Android 10，已添加了新的系统导航模式，允许用户向后导航，导航至主屏幕并通过手势触发设备助手。

Android 10 中新手势的演示

通过使用手势模型进行系统导航，我们可以为您的应用提供更多屏幕。这有助于使应用程序为您的用户创建更身临其境的体验。

用户将能够在大多数设备上选择他们所选择的导航模式。现有的三键导航模式(包含返回，首页，最近状态)将继续存在。从10开始启动的所有设备上都需要它。

这篇文章是一个小系列的第一篇，该系列着重于开发人员如何在应用程序中支持手势导航。该系列将涵盖以下主题：

1. 边缘到边缘，使您的应用可以在整个屏幕上绘制
2. 处理与系统UI的视觉重叠
3. 处理手势与系统手势冲突
4. 常见方案以及如何支持它们

让我们开始了解应用程序如何“边对边” ...

边到边

我使用“边缘到边缘”一词来描述扩展其窗口以扩展到整个屏幕以实现更身临其境的外观的应用程序。默认情况下，应用程序布置在顶部状态栏下方，底部导航栏上方(统称为系统栏)。

通过边缘到边缘，应用程序将被布置在系统栏的后面。这是为了让您的应用程序内容闪闪发光，为用户创造更身临其境的体验。

实际上，这意味着应用程序需要考虑两件事：

在导航栏后面绘图

支持手势导航的第一个也是最重要的考虑因素是在导航栏后面绘制。由于导航栏的大小和突出程度已缩小，因此现在强烈建议应用程序在Android 10 +上运行时在导航栏后面绘制，以提供更具吸引力的现代UX。

在装有Android Pie或更低版本的设备上运行时，导航栏后面的绘图是可选的，可让应用程序确定有意义的内容。也就是说，几乎所有必需的API都可以使用API​​ 21(或由AndroidX处理差异)，因此支持pre-Q设备所需的额外工作量很小。使用Pre-Q设备的用户还可以从更沉浸的体验中受益。我们认为它是可选的，仅是为了减少所需的工作和测试量。

在状态栏后面具有全角图像的应用示例

实作

实施“边缘到边缘”绘图的三个关键步骤：

1.要求全屏显示

第一步是告诉系统将我们的应用布置在系统条后面(在y轴上)。我们为此使用的API是视图上的setSystemUiVisibility()，带有一些标志。我们感兴趣的标志是：

view.systemUiVisibility =  //告诉系统该窗口希望内容 //在最极端的情况下进行布局。请参阅有关的文档 //有关详细信息的更多信息 View.SYSTEM_UI_FLAG_LAYOUT_STABLE or //告诉系统该窗口希望内容 //布局就像导航栏被隐藏一样 View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

之后，我们的视图将全屏显示在导航栏的后面。

现在，我们的应用全屏显示在导航栏后面

2.更改系统栏颜色

由于我们的应用现在正以全屏布局，因此我们现在需要更改系统栏颜色，以允许我们查看其背后的内容。

Android 10

在Android 10上运行时，我们唯一的任务是将系统栏颜色设置为完全透明：

在Android 10上，系统现在负责在所有导航模式下处理系统栏内容(时间，图标，拖动手柄等)的所有视觉保护。这意味着我们不再需要自己做。实际上，这意味着系统将执行以下两项操作之一：

动态色彩适应

系统栏内容根据其后面的内容更改颜色。因此，如果手柄高于光线含量，它将变为深色。反之亦然，在黑暗内容面前变为亮光。这就是我们所谓的动态色彩适应。

Android 10 中的动态色彩适应

Translucent scrim Alternatively

另外，系统可以在系统条后面应用Translucent scrim Alternatively。最大的警告是，仅当您的应用声明targetSdkVersion为29 时，才会发生这种情况。如果您的应用针对的是SDK 28或更低版本，则不会显示自动稀松布，而为您提供透明的导航栏。

Android 10上的按钮导航模式下的系统提供

发生这两种操作都是为了确保用户始终可以看到系统栏内容。系统选择使用哪个选项取决于一些因素。如果满足以下条件，将使用scrim ：

• 启用了一种按钮模式(2按钮或3按钮)。
• 在手势导航模式下，设备制造商已选择禁用动态颜色自适应。造成这种情况的可能原因是设备的性能不足以适应色彩适应。

手势导航使用scrim的示例

否则，将使用动态色彩适应。列出的原因是今天使用的原因，但将来可能会改变.

在10上禁用系统栏保护

如果您不想让系统执行任何自动内容保护，则可以通过在主题中设置android:enforceNavigationBarContrast和/或android:enforceStatusBarContrast来禁用它们false。

Android Pie及以下

如果您也决定在Pre-Q设备上进行全面测试，则应设置半透明的系统栏颜色以用作内容保护。具有70％不透明度的黑色稀松布是开始使用深色系统栏的主题的好地方：

您可能需要根据后面显示的内容来调整上/下的不透明度。对于浅色主题，您还需要设置浅色半透明颜色(例如：)#B3FFFFFF。

该示例在暗色和亮色主题中均显示了适当的scrim

3.视觉冲突

完成此操作后，您可能已经注意到，一些重要的视图现在正在系统栏的后面。我们的第三步也是最后一步是处理任何视觉重叠，我们将在下面的下一篇头条文章中介绍。欢迎关注‘三声猿’

最后感谢Nick Butcher 。