一,首先我们来看一下QQ对于状态栏适配的效果图
从左到右手机系统版本依次是4.3、5.1、6.0.1的显示效果,我们后面讲解状态栏都根据这个适配进行讲解。
二,fitSystemWindow属性
官方描述:
Boolean internal attribute to adjust view layout based on system windows such as the status bar. If true, adjusts the padding of this view to leave space for the system windows. Will only take effect if this view is in a non-embedded activity.
简单描述:
这个一个boolean值的内部属性,让view可以根据系统窗口(如status bar)来调整自己的布局,如果值为true,就会调整view的paingding属性来给system windows留出空间,而这个padding值会跟手机状态栏的高度一致,这样就避免了不同手机状态栏高度不一样,手动获取的麻烦。如果值为false,就不会调整view的属性来给system window留出空间,也就说这个时候的状态栏会挡住我们的view。
实际效果:
当status bar为透明或半透明时(4.4以上),系统会设置view的paddingTop值为一个适合的值(status bar的高度)让view的内容不被上拉到状态栏(被状态栏挡住),当在不占据status bar的情况下(4.4以下)会设置paddingTop值为0(因为没有占据status bar所以不用留出空间),这个时候的状态栏是系统默认黑色背景的状态栏。
三,主题theme
在实际操作之前我们需要设置我们的默认主题:
使用Theme.AppCompat.Light.NoActionBar(toolbar的兼容主题):既可以适配使用toolbar(由于google已经不再建议使用action bar了,而是推荐使用toolbar,且toolbar的使用更加的灵活,所以toolbar和actionbar的选择也没什么好纠结的)和不使用toolbar的情况(即自定义topBar布局)。
设置状态为透明色,通过如下代码
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {//版本4.4
Window window = getWindow();
// Translucent status bar
window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
通过此代码设置状态栏透明,在配合fitSystemWindow。我们会发现如最开始的三张图一样:
5.0以下版本显示系统默认黑色状态栏
5.0-6.0状态栏为半透明状态
6.0以上为透明状态。
四,实战效果
页面activity 继承 appcompatActivity 设置上面的主题 引入appcompat-v7的兼容包 版本在23以上
设置状态栏透明
下面是布局文件。最外面是一个线性布局,textView是一个标题栏。下面是两个跳转按钮
fitSystemWindow=true效果,我们发现"标题栏"三个字是center状态 但是却没有居中下移了。是因为true状态以后,给默认增加了padding,给系统status bar预留了位置
fitSystemWindow=false效果,我们发现标题栏被遮挡了,因为属性为false,没有给系统状态栏预留位置,所以导致的。
fitSystemWindow一般作用于。setContentView中View的第一个View。可以是一个不同的View,也可以是ViewGroup,当然ToolBar也是可以的。
下一篇文章我们会详细介绍,标题一中,状态栏的实现。
参考文章 :http://blog.csdn.net/ys408973279/article/details/49994407
欢迎扫码关注个人公众号“Code之旅”
个人gitHub地址:wangxp423 (wangxp) · GitHub