Android实现状态栏沉浸

从Android 4.4开始增加状态栏沉浸，这使得Android的UI看起来更加的漂亮，系统的状态栏会根据APP的主题颜色进行相应的颜色改变。

于是乎，研究了一下是怎么实现的，自己搞了一个小小的Demo。

首先新建项目，由于是4.4才有的，所以在创建项目的时候设置Android的最小的SDK版本为19。然后新建项目。

在主题配置文件中设置一下真个项目的主题的背景颜色

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="android:background">#BBFFFF</item>
    </style>

</resources>

之后在MainActivity.java中将状态栏和导航栏设置为透明

package com.zwb.toumingdemo;

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.WindowManager;
import android.widget.Button;


public class MainActivity extends ActionBarActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //隐藏ActionBar
        //getSupportActionBar().hide();
        //透明状态栏
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        //透明导航栏
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

        findViewById(R.id.btnId).setOnClickListener(this);
    }
    
    @Override
    public void onClick(View v) {

        startActivity(new Intent(this,TiaoActivity.class));
    }
}

这样还没有结束，还需要在布局文件中添加两个属性

    android:fitsSystemWindows="true"
    android:clipToPadding="true"

这样的话，就没有问题了

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:clipToPadding="true"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btnId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:text="点击" />

</RelativeLayout>

下面是效果图：