# 安卓透明状态栏

安卓透明状态栏

1. 讲下知识点:
2. 屏幕最上边显示时间的那个地方交状态栏 StatusBar
3. 屏幕最先变在有按键的地方,显示的叫 导航栏 NavigationBar

下面来讲具体做法:
1 . style样式
在默认的values里

<!--隐藏状态栏-->
<style name="ImageTranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!--在Android 4.4之前的版本上运行，直接跟随系统主题-->
</style>


在values-v19 里

<!--隐藏状态栏-->
<style name="ImageTranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">false</item>
</style>


在 values-v21里

 <!--隐藏状态栏-->
    <style name="ImageTranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">false</item>
        <!--Android 5.x开始需要把颜色设置透明，否则导航栏会呈现系统默认的浅灰色-->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>

这三个主题叫同一个名字,用来适配不同的版本,可以将他们设置给自定义的Application

 <application
        android:name=".MyApplication"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/ImageTranslucentTheme">

这样就是全局生效,也可以不设置给Application 而设置给向采取这个效果的activity

   <activity
            android:name=".MainActivity"
            android:theme="@style/ImageTranslucentTheme">
        </activity>

然后在 想采取透明状态栏的布局的跟布局设置颜色 如下,就可以让透明状态栏编程想要的颜色

<RelativeLayout
    android:id="@+id/activity_main"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/title_background_green"
    >

但是当你跑起来时会有这样的效果,状态栏挤占了上边的空间,所以还需要第二步

1. 在要显示透明状态栏的layout 里的跟布局写下如下代码 ,用来使自己的布局不挤占状态栏

 android:fitsSystemWindows="true"

所以我的 MainActivity 的跟布局是这样的

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
    android:id="@+id/activity_main"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:background="@color/title_background_green"
    >

这就大功告成了,但是这样写太麻烦了,需要每个界面去添加,所以有 一种更简单的方法

1. 写一个父类 activity 所有的activity 都继承他

   public abstract class BaseActivity extends AppCompatActivity

2. 在 BaseActivity 中重写 setContentView(int layoutResID) 方法,所有我们的activity子类在 onCreate(Bundle savedInstanceState) 方法中调用 setContentView(R.layout.main) 时 会走到父类的方法中 父类方法写下如下代码

 @Override
    public void setContentView(int layoutResID) {
    //前两行是执行子类的 setContentView方法
        View contentView = LayoutInflater.from(this).inflate(layoutResID, null);
        setContentView(contentView);
        // 不挤占状态栏
            //拿到contentView 中的第一个childView 其实就是我们布局文件中的根布局
            ViewGroup contentFrameLayout = (ViewGroup)findViewById(Window.ID_ANDROID_CONTENT);
            View parentView = contentFrameLayout.getChildAt(0);
            //只针对 14以上的app
            if (parentView != null && Build.VERSION.SDK_INT >= 14) {
            //改行相当于在跟布局的代码的中设置  android:fitsSystemWindows="true" 属性
                parentView.setFitsSystemWindows(true);
                //该行相当于在跟布局的代码中设置 android:background="@color/red" 属性
                //parentView.setBackgroundColor(getResources().getColor(R.color.red));

        }
    }

这样一来 就剩下了在各个界面的根布局重复设置的过程
3. 最后一点问题 因为activity在启动时需要走闪屏页 ,我们希望的闪屏页效果如下

所以闪屏页状态栏要透明,并且下边的界面要挤占状态栏
做法: 加入闪屏页 叫 SplashActivity 同样继承 BaseActivity,然后修改BaseActivity中的代码为如下状态

  @Override
    public void setContentView(int layoutResID) {
        View contentView = LayoutInflater.from(this).inflate(layoutResID, null);
        setContentView(contentView);
        ButterKnife.bind(this);
        // 不挤占状态栏,同时 让闪屏页 不走这里 其余代码不变
                if (!(this instanceof SplashActivity) ) {
            ViewGroup contentFrameLayout = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
            View parentView = contentFrameLayout.getChildAt(0);
            if (parentView != null && Build.VERSION.SDK_INT >= 14) {
                parentView.setFitsSystemWindows(true);
                //parentView.setBackgroundColor(getResources().getColor(R.color.red));
            }
    }
 }

同时在闪屏页的跟布局设置背景为给定的图片 到这里 效果就完了

一些 额外的发现

第一次做完后,放到华为6.0手机上跑 发现下边的虚拟按键的背景色也变了,弄了半天才明白,在原来的style样式中

 <!--隐藏状态栏-->
    <style name="ImageTranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">false</item>
        <!--Android 5.x开始需要把颜色设置透明，否则导航栏会呈现系统默认的浅灰色-->
        <item name="android:statusBarColor">@android:color/transparent</item>
        <!--activity 跳转动画-->
        <item name="android:windowAnimationStyle">@style/activityAnim</item>
    </style>

当把如下代码中的 android:windowTranslucentNavigation 设置成 true 时 就会同样使用和状态栏相同的颜色,
所以反向推理,如果只想改变虚拟键盘的底色 可以设置成下边这样 ,就是反过来.

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

当然他们都有设置颜色的属性 这个目前还没实验过,可以自行测试,

 <item name="android:statusBarColor">@android:color/transparent</item>
 <item name="android:navigationBarColor">@android:color/transparent</item>

完成