沉浸式安卓应用设计简单又好用

这个特性是andorid4.4支持的，最少要api19才可以使用。下面介绍一下使用的方法，非常得简单：

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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);        }     }

 

 

?

1 2 3 4

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

 

只要加入这两行代码，就可以实现沉浸式通知栏了。效果如图：

 

给大家看看这个界面的布局：

 

?

1 2 3 4

<linearlayout android:background= "#ffffff" android:layout_height= "match_parent" android:layout_width= "match_parent" android:orientation= "vertical" tools:context= ".MainActivity" xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools= "http://schemas.android.com/tools" >          <textview android:background= "#009959" android:layout_height= "100dp" android:layout_width= "match_parent" ><button android:background= "#ff669d/" android:layout_height= "50dp" android:layout_width= "100dp" ></button></textview></linearlayout>

是一个垂直的流布局，但这样，其实还是有问题的，我在textView里面加一些文字，就是绿色的那一块，大家看一下效果：

 

大家看到了吧，文字和状态栏重叠在一起了，这肯定是不行的，此时需要添加下面的代码：

 

 

?

1 2	android:fitsSystemWindows= true android:clipToPadding= true

 

 

?

1 2 3 4 5

<linearlayout android:background= "#ffffff" android:cliptopadding= "true" android:fitssystemwindows= "true" android:layout_height= "match_parent" android:layout_width= "match_parent" android:orientation= "vertical" tools:context= ".MainActivity" xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools= "http://schemas.android.com/tools" >            <textview android:background= "#009959" android:layout_height= "100dp" android:layout_width= "match_parent" ><button android:background= "#ff669d/" android:layout_height= "50dp" android:layout_width= "100dp" ></button></textview></linearlayout>

大家看红色的那部分，加入那两行以后，界面仍然会是沉浸式的，但状态栏那部分，就不会再重叠了，像加了padding一样，如下图：

 

大家看图，绿色的textView和红色的一个button都被下移了，状态栏是白色的，是背景linearLayout的颜色。很明显，这也不是我们想要的，我们希望状态栏和我们放在顶部的控件是同一个颜色，同时，控件内容也不和状态栏重复，其实，只要把那两行代码放到我们顶部的控件就可以了。代码如下：

 

 

?

1 2 3 4 5

<linearlayout android:background= "#ffffff" android:layout_height= "match_parent" android:layout_width= "match_parent" android:orientation= "vertical" tools:context= ".MainActivity" xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools= "http://schemas.android.com/tools" >            <textview android:background= "#009959" android:cliptopadding= "true" android:fitssystemwindows= "true" android:layout_height= "100dp" android:layout_width= "match_parent" android:text= "你好，请问你有男朋友吗/" ><button android:background= "#ff669d/" android:layout_height= "50dp" android:layout_width= "100dp" ></button></textview></linearlayout>

就是那两行红色的代码，放在绿色的textView上，这样，就会是下面的效果：

 

这就是我们想要的了。