android 沉浸式布局， 仿QQ微信，title和状态栏同一颜色

转载请注明出处
http://blog.csdn.net/u012184853/article/details/50125555

我们看到QQ和微信对于状态栏和title是一个颜色，这样的界面感觉更加大气，也是界面设计采用比较多的方式，其实我们客户端实现也特别简单

在主类中添加如下代码

//透明状态栏        
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
//透明导航栏         
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  

然后在对应布局文件中的title布局中，加入下代码，这样做的目的就是为了让你title中的内容和状态栏不会重叠

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

如下是完整代码

MainActivity

import android.app.Activity;
import android.os.Bundle;
import android.view.WindowManager;

public class MainActivity extends Activity {

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        //透明状态栏  
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
        //透明导航栏  
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
    } 
}

activity_main.xml

<LinearLayout 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:orientation="vertical"  
    >  

    <TextView  
        android:layout_width="match_parent"  
        android:layout_height="100dp"  
        android:background="#3259c6" 
        android:text="android 沉浸式布局"
        android:fitsSystemWindows="true"  
        android:clipToPadding="true"
        android:textSize="24sp"
        />  


    <Button  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:background="#ffffff"
        android:text="中心内容"
        android:textSize="35sp"
        android:gravity="center"
        />  

</LinearLayout>

源码下载地址

http://download.csdn.net/detail/u012184853/9314559