Android App仿QQ制作Material Design风格沉浸式状态栏

2019-12-10 18:09:55于丽
易采站长站为您分析Android App仿QQ制作Material Design风格沉浸式状态栏的实例,同时也给出了4.4版本下实现效果与5.0的对比,需要的朋友可以参考下  

一、概述
近期注意到QQ新版使用了沉浸式状态栏,ok,先声明一下效果图:

Android,Material Design,沉浸式状态栏

恩,接下来正题。
首先只有大于等于4.4版本支持这个半透明状态栏的效果,但是4.4和5.0的显示效果有一定的差异,所有本文内容为:
1.如何实现半透明状态栏效果在大于4.4版本之上。
2.如何让4.4的效果与5.0的效果尽可能一致。
先贴下模拟器效果图,以便和实现过程中做下对比
4.4 模拟器

Android,Material Design,沉浸式状态栏

5.x 真机

Android,Material Design,沉浸式状态栏

 

二、实现半透明状态栏

因为本例使用了NavigationView,所以布局代码稍多,当然如果你不需要,可以自己进行筛减。

注意引入相关依赖:

 compile 'com.android.support:appcompat-v7:22.2.1'
 compile 'com.android.support:support-v4:22.2.1'
 compile 'com.android.support:design:22.2.0'

1、colors.xml 和 styles.xml

首先我们定义几个颜色: