Android Jetpack Compose 沉浸式状态栏的实现

目录

• 概述
• 效果展示
• 代码实现
• 总结

  概述

  说到沉浸式状态栏，很多小伙伴可能不太熟悉，其实让Android的状态栏的颜色和APP的主题颜色相同，给人感觉状态栏和APP就是一体的。沉浸式的状态栏让页面看起来更舒服，实现沉浸式状态栏也很简单，首先就是配置主题，然后设置状态栏的颜色，之前的博客中实现沉浸式状态栏是通过将状态栏的颜色设置成页面背景的颜色，这样状态栏就和背景融为一体了，但是这种办法在每个页面都需要设置一遍，非常费力，最好的 方式就是将状态栏设置成透明的颜色，然后将我们的页面"顶"到屏幕的顶部，而不是位于状态栏下面。下面就是实现沉浸式状态栏的方法

  效果展示

  如果没有实现沉浸式状态栏的界面如下所示：

  我们可以看到状态栏的颜色和我们的页面背景色不相同，而且状态栏的颜色还会随着手机的不同而不同，这让界面看起来很不协调。而加了沉浸式状态栏后，效果如下：

  我们发现加入沉浸式状态栏后界面和状态栏的颜色就融为一体了，不管是啥品牌的手机展示的效果都是一样的，这样就会让我们的界面看起来比较舒服。

  代码实现

  实现沉浸式状态栏我们首先需要引入一个库：

   // 系统UI控制库，实现沉浸式状态栏
      implementation("com.google.accompanist:accompanist-systemuicontroller:0.31.0-alpha")
  

  使用这个库我们可以设置系统状态栏的颜色，查看状态栏和导航栏是否显示等功能。引入库后我们需要给我们应用添加一个主题。

  主题的内容如下：

  注意：设置主题时，我们需要使用包含NoActionBar的主题，否则我们的界面中会多出一个系统的ActionBar