Android UI之沉浸式状态栏Translucent System Bar

沉浸式状态栏Translucent System Bar

开发UI中，沉浸式一直是一个问题，如何完美的做到app与界面融为一体，之前写的会有一条很明显的黑线，所以Translucent System Bar 就成了一个完美的工具。
这样的沉浸式让通知栏和自己定义的toolbar可以融合到一起，做到这个只需要两步：
1.在res/values/styles.xml文件中<style name="ColorTranslucent" parent="AppTheme">
<item name="android:windowTranslucentStatus">false</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:statusBarColor">@color/colorAccent</item>
</style>
定义一种风格，statusbar的颜色设置与toolbar一样即可，在这里我将与单独的一个RelativeLayout的颜色一致就行。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:background="@drawable/back"    android:fitsSystemWindows="true"    android:orientation="vertical"    tools:context="com.example.chenxuanhe.translucentsystembar.MainActivity">    <RelativeLayout        android:layout_width="match_parent"        android:background="@color/colorAccent"        android:layout_height="50dp">        <TextView            android:text="adadaddadaadadadadadaddadaad"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />    </RelativeLayout><TextView    android:text="adadaddadaadadadadadaddadaad"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /></LinearLayout>

android:fitsSystemWindows=”true”这一行必须要，不然会重叠。
其次相对应的布局背景色与风格中的颜色一致即可。
2.在AndroidManifest.xml文件中，将android:theme=”@style/ColorTranslucent”设置在activity中即可。

第二种Translucent System Bar用法：：：

这种沉浸式用在app是一张背景图的情况下，可以完美的融合。
也只需两步：
1.在res/values/styles.xml中创建风格

  <style name="ImageTranslucent" parent="AppTheme">        <item name="android:windowTranslucentStatus">true</item>        <item name="android:windowTranslucentNavigation">true</item>        <item name="android:statusBarColor">@android:color/transparent</item>    </style>

要注意，需要在AppTheme基础风格上，继承NoActionbar，才能去掉Actionbar，其次，直接在acivity.xml文件中
android:background="@drawable/back"
android:fitsSystemWindows="true"
加入一个背景图，和fitsSystemWindows这一行代码。

2.第二步，在AndroidManifest.xml文件中 更改 android:theme="@style/ImageTranslucent"即可。

注意：在基础风格中需要继承NoActionBar，其次节点文件中需要在activity中去写风格才有用。目前res文件中创建不了values-v19 -v21，能创建，但是显示不了，具体还是不知道为什么。