在Android 5.0之后引入了MD风格,从而状态栏沉浸也成为了一种设计习惯。而停留在之Android L之前的Android系统则不能直接实现沉浸式,这里就介绍一下如何实现Android K系列的伪沉浸式。
关于沉浸式效果,这里随便贴几张图吧
Android L效果图
Android 4.2效果图
可以看出在Android K系列中,状态栏是渐变的效果
下面开始讲解如何实现上图的效果,在此就不赘述Android L或以上的沉浸式的效果实现了,在xml上配置几个属性就可以了。
题外话:这篇文章介绍的都是使用Android Studio作为IDE开发Android的,如果使用的是其他IDE应按照相关设置进行设置或者配置xml等文件。
开始学习伪沉浸式
所谓的其他知识,就是创建一个其他App中的Activity共有的基类BaseActivity,让其继承AppCompatActivity,然后在基类中实现伪沉浸式,这样Acticity就能专注于自己的内容,而把这些共有的设置交给BaseActivity处理。
现在看看这部分如何处理,先看代码:
- public class BaseActivity extends AppCompatActivity {
- private int mColor = -1;
- public BaseActivity(){
- }
- public BaseActivity(int color){
- super();
- mColor = color;
- }
- @Override
- protected void onCreate(@Nullable Bundle savedInstanceState) {
- super.onCreate(savedInstanceState );
- StatusBarCompat.compat(this, ContextCompat.getColor(this, mColor));
- }
- public static class StatusBarCompat{
- private static final int INVALID_VAL = -1;
- private static final int COLOR_DEFAULT = Color.parseColor("#20000000");
- public static void compat(Activity activity, int statusColor){
- if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
- if(statusColor != INVALID_VAL){
- activity.getWindow().setStatusBarColor(statusColor);
- }
- return;
- }
- if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
- && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP){
- int color = COLOR_DEFAULT;
- ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
- if(statusColor != INVALID_VAL){
- color = statusColor;
- }
- View statusBarView = new View(activity);
- ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
- getStatusBarHeight(activity));
- statusBarView.setBackgroundColor(color);
- contentView.addView(statusBarView, lp);
- //contentView.addView(statusBarView, 0, lp);
- }
- }
- public static void compat(Activity activity){
- compat(activity, INVALID_VAL);
- }
- public static int getStatusBarHeight(Context context){
- int result = 0;
- int resourceId = context.getResources().getIdentifier("status_bar_height",
- "dimen", "android");
- if(resourceId > 0){
- result = context.getResources().getDimensionPixelSize(resourceId);
- }
- return result;
- }
- }
- }
跟着步骤,没必要全部看那些凌乱的代码,在这里讲解重点部分,在BaseActivity中提供了一个单一参数的构造函数,目的是让子类选择伪沉浸的颜色,在onCreate函数中调用了StatusBarCompat.compat(this, ContextCompat.getColor(this, mColor))函数,StatusBarCompat是其内部类,我们看看compat函数是如何实现伪沉浸的。
第一个if是判断系统如果为Android L或以上的系统则直接调用setStatusBarColor函数,这是API 21之后提供设置状态栏颜色的函数,然后是第三个if用于判断是否为Android K系统,如果是则开始我们的步骤。里面的内容其实是这样的,我们在XML里配置好状态栏的背景为透明,然后在我们的布局中插入一个和状态栏等高的View,从而在视觉上看起来就是沉浸式的效果了。从字面上很容易理解这样做的意义,然后简单分析一下可行性。首先,如何获取我们的布局,方法很多,可以给根布局设置一个id,然后Activity.findViewById直接获取根布局。其实在这里也可以不获取布局,可以在xml中设置一个View,然后在这里获取这个View并且设置它的高度为状态栏的高度,背景为Activity中传过来的颜色即可。这里就不介绍这两种方法,介绍一种获取我们根布局的其他方法。代码35行findViewById(android.R.id.content)获取了一个FrameLayout,然后奇怪了,为什么是获取一个FrameLayout呢,其实是这样的,我们的布局都是设置在AppCompatActivity的FrameLayout布局中的,这段代码就是为了获取这个ViewGroup的内容的,因此,现在我们手中就掌握了整个Activity的ViewGroup,我们的操作就在这里进行。获取了真正的根布局,当然是开始创建一个View,然后让其高度和状态栏高度一致,然后再设置到刚刚获取的ViewGroup中去就可以了。其中getStatusBarHeight就是获取系统状态栏高度的函数,然后设置View的背景色,然后add到ViewGroup就完成了整个操作。现在工作还没完成呢,既然是Android K的机子,先配置XML吧,在res目录下新建一个values-v19的文件夹,然后新建styles.xml文件,贴上以下代码:
- <?xml version="1.0" encoding="utf-8"?>
- <resources>
- <style name="AppTheme" parent="@style/BaseAppTheme">
- <item name="android:windowTranslucentStatus">true</item>
- </style>
- </resources>
顺便看看BaseAppTheme的代码,这部分代码在res/values/styles里面:
- <style name="BaseAppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
- <!-- Customize your theme here. -->
- <item name="colorPrimary">@color/colorPrimary</item>
- <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
- <item name="colorAccent">@color/colorAccent</item>
- </style>
其中android:windowTranslucentStatus属性设置的是状态栏是否设置为透明状态,这个是v19之后才引入的属性。
到这里,看似好像完成了,但问题还没完全解决,那就是ToolBar的空间位置问题,假如不处理,如图:
看出效果是ToolBar和状态栏挤成了一块,但这不是这篇文章中所想要的效果,那应该怎么办呢?其实只需设置ToolBar的一个属性android:fitsSystemWindows="true"即可。该属性的意义就是让当前设置这个属性的view设置对应的padding为状态栏腾出对应的空间,说白了就好像是paddingTop=statusBarHeight。
按步骤设置好之后,还有一步,不然看到的是代码里面默认设置的颜色,所以要在Activity中传递color给BaseActivity,简单的代码如下:
- public MainActivity(){
- this(R.color.colorPrimary);
- }
- private MainActivity(int color){
- super(color);
- }
只需修改R.color.colorPrimary为自己需要的颜色即可。为什么需要这样操作,很简单,因为默认启动调用的是无参构造函数,所以让无参去调用有参构造,即可实现,这也解释了为什么父类要去定义这个有参构造了。
运行了一下效果,嗯,还不错,但当你如果用的是这个方法添加的view作状态栏背景色的话,其实有一个坑,不过我贴的代码上已经解释了这个坑的处理方法了。这个坑其实就是和DrawerLayout配合使用的时候,当你打开抽屉的时候,会看到侧滑菜单在状态栏的下面,如图所示:
可以看到,状态栏把侧滑菜单挡住了,说白了其实是我们添加的view把状态栏挡住了。如何解决呢,在上面代码中注释了一句,其实使用下面那个三参数的函数就可以解决这个问题了,如图:
可以看出,侧滑菜单已经覆盖在充当状态栏背景的那个view上面了。为什么会这样呢,理由很简单,使用第一个函数的时候它是直接add到FrameLayout最上面的,所以就挡在了我们的布局上面,而addView(statusBar, 0, lp)的意思则是插入到第1个View的位置,因此就会让它插入到我们的布局下面,因此就实现了我们所想要的效果。既然两个参数有先后问题,那我们是否可以在Activity的onCreat函数中这样操作呢,比如先super.onCreat然后再调用setContentView,看似这样子我们的布局就应该在充当状态栏背景的view上面了,其实这是一个坑,我们在onCreat中必须是先调用setContentView然后再调用基类的onCreat,否则,状态栏的效果如图:
其实,从setContentView的名字可以看出来为什么了,既然这个是设置自定义布局,显然,调用这个函数的时候会将FrameLayout里面的内容清空,因此后调用这个函数的时候,之前add进去的view已经被清空了。
到这里,关于Android K的伪沉浸式效果就实现了。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。