Android 沉浸式状态栏

一、引言

沉浸式状态栏是一种比较常见的UI风格,接下来就去看看怎么实现它。

二、实现

1.创建个状态栏透明的主题

在styles.xml里增加TranslucentTheme,我们这里minSdkVersion 是以21为准,低于安卓5.0以下的手机很少了,就不适配了。


    
    

    

2.Activity设置主题

 

3.Activity加个图片,运行,查看结果

image.png

对于这种没有标题栏,图片沉浸到状态栏的效果,我们已经实现了。如果是有标题栏呢?比如加个Toolbar会变成下面这样:

image.png

对于有标题的页面,我们希望状态栏颜色跟标题栏一样就行了,不希望标题栏上移跟状态栏重叠,我们可以在布局文件根视图设置如下属性,这个相当于设置了个padding让状态栏下移,当然,为了让状态栏颜色跟标题栏一样,你还需要给根视图设置一样的背景色(因为状态栏实际是透明的)。

android:fitsSystemWindows="true"

运行看看,已经实现了我们的要求。


image.png

你可能感兴趣的:(Android 沉浸式状态栏)