Fc 12.7.2 充分利用系统状态空间

上一篇文章我们已经写好了，而且效果也不错，不过水果的背景图片和状态栏没有融合在一起，融合在一起效果就更好了。

Android5.0系统之后支持对状态栏和背景进行操作（使背景图和状态栏融合）。

• 设置android:fitsSystemWindows属性
• 添加values-21目录，编写styles.xml
• （为照顾5.0之前的系统，修改values里是styles.xml）
• 修改AndroidManifest.xml

设置android:fitsSystemWindows属性

我们需要借助android:fitsSystemWindows这个属性来完成。我们需要在ImageView里设置这个属性，以及imageView嵌套的所有父布局（CoordinatorLayout，AppBarLayout，CollapingToobarLayout这种嵌套结构的布局中将这个属性设置为true（表示该控件会出现在系统状态栏里））都要添加这个属性。

修改activity_fruit.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/fruit_image_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

     ...

</android.support.design.widget.CoordinatorLayout>

添加values-21目录，编写styles.xml

设置完android:fitsSystemWindows属性还不能达到效果，还需要将程序中奖状态栏颜色指定为透明才行，只需要设置android:statusBarColor属性为@android:color/transparent就可以了。但这个属性是5.0系统才有的（api21）之前的属性无法指定这个属性，所以我们在res目录里新建values-21目录==>new==>Values resourse file，创建styles.xml文件

定义一个名为FruitActivityTheme的主题，parent是AppTheme，意思是继承了AppTheme所有的特性，然后在android:statusBarColor里将状态栏指定成透明色。【values-21文件 只有5.0及以上的系统高才能会读取】

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="FruitActivityTheme" parent="AppTheme">
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>
</resources>

（为照顾5.0之前的系统，修改values里的styles.xml）

5.0系统之前无法识别FruitActivityTheme这个主题，我们在values里的styles.xml添加一些代码

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="FruitActivityTheme" parent="AppTheme"></style>
</resources>

修改AndroidManifest.xml

修改AndroidManifest.xml，让FruitActivity使用FruitActivityTheme主题（只需要添加一行代码）

 <activity android:name=".FruitActivity"
            android:theme="@style/FruitActivityTheme"></activity>

运行效果如图