美文网首页
关于沉浸式状态栏的探索

关于沉浸式状态栏的探索

作者: VerseWang | 来源:发表于2017-10-17 23:59 被阅读0次

       在这个行业上班1年零2个月了,一直都没有好好的总结在这个行业的技术能力,为了好好的练就自己的技术,也为了各位网友,以互利共赢的态度,来好好的维护博客(*^__^*)


        前段时间被一个状态栏的问题困扰了下,在4.4的手机上能设置状态栏,但在7.0的手机上面却设置不了了,虽然经过一番百度,把问题给解决了,但只停留在吧问题解决了,没有看看到底是什么原因,于是记录一下状态栏的问题,以后如果遇到了,也能快速的解决。

状态栏介绍:

状态栏在4.4之前是没有的,在4.4(API19)到5.0(API21),通过设置FLAG_TRANSLUCENT_STATUS,并添加和StatusBar一样高度的View才能实现沉浸式的状态栏,否则,内容会跑到状态栏上去(如果要这种效果那就让他跑吧(*^__^*) 嘻嘻……)。

但在5.0(API21)之后,出现了设置状态栏颜色的接口,直接设置就可以了,先介绍到这里,下面我来一步一步的分析,扒开他所谓的面纱。

先在4.4的手机上试验:

当在java中添加:

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

或者在theme中加属性(在values-v19 中添加):

<item name="android:windowTranslucentStatus">true</item

效果:

当然,想要这种效果也不错

但加如下代码(在StatusBar上添加View):

//获取windowphone下的decorView

ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();

intcount    = decorView.getChildCount();

//判断是否已经添加了statusBarView

//        if (count > 0 && decorView.getChildAt(count - 1) instanceof StatusBarView) {

//            decorView.getChildAt(count - 1).setBackgroundColor(calculateStatusColor(color, statusBarAlpha));

//        } else {

//新建一个和状态栏高宽的view

View statusView =createStatusBarView(activity,color,alpha);

decorView.addView(statusView);

//        }

ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0);

//rootview不会为状态栏留出状态栏空间

ViewCompat.setFitsSystemWindows(rootView,true);

rootView.setClipToPadding(true);

private staticViewcreateStatusBarView(Activity activity, intcolor, intalpha) {

// 绘制一个和状态栏一样高的矩形

View statusBarView =newView(activity);

LinearLayout.LayoutParams params =

newLinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,getStatusBarHeight(activity));

statusBarView.setLayoutParams(params);

statusBarView.setBackgroundColor(color);

return statusBarView;

}

private static intgetStatusBarHeight(Context context) {

// 获得状态栏高度

intresourceId = context.getResources().getIdentifier("status_bar_height","dimen","android");

return context.getResources().getDimensionPixelSize(resourceId);

}

内容正常显示

在7.1手机上试验:

由于在5.0以后,能更容易的修改状态栏,setStatusBarColor()可设置状态栏颜色,对应的在主题中修改是android:statusBarColor(values-v21)

/**

* Sets the color of the status bar to {@codecolor}.

*

* For this to take effect,

* the window must be drawing the system bar backgrounds with

* {@linkandroid.view.WindowManager.LayoutParams#FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS} and

* {@linkandroid.view.WindowManager.LayoutParams#FLAG_TRANSLUCENT_STATUS} must not be set.

*

* If {@codecolor} is not opaque, consider setting

* {@linkandroid.view.View#SYSTEM_UI_FLAG_LAYOUT_STABLE} and

* {@linkandroid.view.View#SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN}.

*

* The transitionName for the view background will be "android:status:background".

*

*/

public abstract voidsetStatusBarColor(@ColorIntintcolor);

意思是必须要设置FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS,并且去掉FLAG_TRANSLUCENT_STATUS,按他的意思在7.1的手机上看下效果

但要铺满呢,只需要添加FLAG_TRANSLUCENT_STATUS就可以了,效果:

总结:

沉浸式状态栏就是这么简单,只需要静下心来,分析下各种情况,有时看别人这么写,很纳闷,但看下源码,原来,源码里的注释就说明了,必须要这么做,所以,看源码很有必要!后续,我会做一个工具包,方便大家使用。

相关文章

网友评论

      本文标题:关于沉浸式状态栏的探索

      本文链接:https://www.haomeiwen.com/subject/iyyjuxtx.html