如何实现android沉浸式状态栏

2025-02-08 16:56:30

推荐回答（2个）

回答1：

有些手机是强制改变通知栏颜色的，比如魅族，苹果。但是目前主要还是通过代码作出自己想要的效果。

Android 4.4之前，即使我们打开手机app，我们还总是能看到系统顶部那条黑乎乎的通知栏，这样会使得app稍显突兀。于是Android 4.4开始，便引入了Translucent System Bar的新特性，用于弥补系统通知栏突兀之处。

状态栏透明后，你可以选择设置其颜色或者显示背景图片。效果如下

Android4.4和5.0的实现方式不同。这里简单介绍一种

主要的操作都在style.xml 和 AndroidManifest.xml 中，Activity里面没有任何涉及到Translucent System Bar设置的代码，所以可以忽略不看。

要在Activity中使用 Translucent System Bar 特性，首先需要到AndroidManifest中为指定的Activity设置Theme。但我们不能直接在values/style.xml去定义Theme，因为改特性仅兼容 Android 4.4 开始的平台，所以直接在values/style.xml声明引入，工程会报错。有些开发者朋友会在代码中去判断SDK的版本，然后再用代码设置Theme。虽然同样可以实现效果，但个人并不推荐。我采取的方法是建立多个SDK版本的values文件夹，系统会根据SDK的版本选择合适的Theme进行设置。我的工程里面有values、values-v19、values-v21。

1、在values、values-v19、values-v21的style.xml都设置一个 Translucent System Bar 风格的Theme

values/style.xml

values-v19/style.xml


    true
    true

values-v21/style.xml


    false
    true
    
    @android:color/transparent

上面需要注意的地方是，无论你在哪个SDK版本的values目录下，设置了主题，都应该在最基本的values下设置一个同名的主题。这样才能确保你的app能够正常运行在 Android 4.4 以下的设备。否则，肯定会报找不到Theme的错误。

2、在AndroidManifest.xml中对指定Activity的theme进行设置

    android:name=".ui.ImageTranslucentBarActivity"
    android:label="@string/image_translucent_bar"
    android:theme="@style/ImageTranslucentTheme" />

3、在Activity的布局文件中设置背景图片，同时，需要把android:fitsSystemWindows设置为true

activity_image_translucent_bar.xml


    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/env_bg"
    android:fitsSystemWindows="true">

到此，第一种实现方式完成，系统的整个导航栏都融入了app的界面中，背景图片填满了整个屏幕，看起来舒服很多。设置android:fitsSystemWindows这个属性时需要注意。

通知栏的沉浸式体验，推荐和Material Design配合使用，

md的主题有：

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Light (light version)

@android:style/Theme.Material.Light.DarkActionBar

与之对应的Compat Theme:

Theme.AppCompat

Theme.AppCompat.Light

Theme.AppCompat.Light.DarkActionBar

（1）个性化 Color Palette

我们可以根据我们的app的风格，去定制Color Palette(调色板)，重点有以下几个属性：


    
    
        
        @color/material_blue_500
        @color/material_blue_700
        @color/material_green_A200

colorPrimary 对应ActionBar的颜色。

colorPrimaryDark对应状态栏的颜色

colorAccent 对应EditText编辑时、RadioButton选中、CheckBox等选中时的颜色。

与之对应的图：

于5.0以下的设备，目前colorPrimaryDark无法去个性化状态栏的颜色；底部的navagationBar可能也不一样。

另外ActionBar，被推荐使用ToolBar来代替。

下面是少部分常用到的MD颜色：


 
    #fde0dc
    #f9bdbb
    #f69988
    #f36c60
    #e84e40
    #e51c23
    #dd191d
    #d01716
    #c41411
    #b0120a
    #ff7997
    #ff5177
    #ff2d6f
    #e00032

    
    #fce4ec
    #f8bbd0
    #f48fb1
    #f06292
    #ec407a
    #e91e63
    #d81b60
    #c2185b
    #ad1457
    #880e4f
    #ff80ab
    #ff4081
    #f50057
    #c51162

    
    #ede7f6
    #d1c4e9
    #b39ddb
    #9575cd
    #7e57c2
    #673ab7
    #5e35b1
    #512da8
    #4527a0
    #311b92
    #b388ff
    #7c4dff
    #651fff
    #6200ea

    
    #fffde7
    #fff9c4
    #fff59d
    #fff176
    #ffee58
    #ffeb3b
    #fdd835
    #fbc02d
    #f9a825
    #f57f17
    #ffff8d
    #ffff00
    #ffea00
    #ffd600

    
    #fff3e0
    #ffe0b2
    #ffcc80
    #ffb74d
    #ffa726
    #ff9800
    #fb8c00
    #f57c00
    #ef6c00
    #e65100
    #ffd180
    #ffab40
    #ff9100
    #ff6d00


    
    #fafafa
    #f5f5f5
    #eeeeee
    #e0e0e0
    #bdbdbd
    #9e9e9e
    #757575
    #616161
    #424242
    #212121
    #000000
    #ffffff


    
    #eceff1
    #cfd8dc
    #b0bec5
    #90a4ae
    #78909c
    #607d8b
    #546e7a
    #455a64
    #37474f
    #263238

回答2：

手机设置里面有

最新问答

如果你的女朋友突然之间对你非常冷淡该怎么办？

热血江湖SF2.0版本怎么复制装备？

王逗逗和方丈为什么分手

中央五台NBA直播节目单

于小彤与陈小纭这对情侣很多人不看好，那么在什么情况下才能被大众所看好？