Android状态栏透明,带导航抽屉 - Appbar高程

Question

我正在开发一个带有Material Design Guidelines的应用程序.我有一个由Android Studio创建的样板应用程序.由于某种原因,状态栏底部有一点渐变,这会产生Appbar(工具栏)位于比状态栏更高的高度上的错觉.

我看了一下Chris Bane的Cheesesquare应用程序作为参考,看起来他没有做任何特别的事情来达到这个目的.

以下是参考的屏幕截图 -

---

Boilerplate应用程序

---

Cheesesquare app

---

请注意,Cheesesquare应用程序的状态栏和应用栏感觉就像在同一高度上,只有不同的紫色色调.而我的应用程序的状态栏感觉它位于比应用栏低的高度.

Boilerplate代码包含以下代码片段

V21/styles.xml

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

如何实现Cheesesquare应用程序的感觉？

PS我正在使用刚刚发布的Android支持库23.2(2016年2月)

Answer 1

Khizar Hayat提供的答案几乎是正确的,但有一个更好的解决方案.使用xml属性

app:elevation="0dp"

在工具栏中删除状态栏上的阴影,但它也删除工具栏的底部阴影,因为高程现在设置为零,因此工具栏与背景处于同一级别.根据Google Material Design Guidelines,工具栏(或AppBar)的静止高程为4dp.您可以在此处查看Google提供的所有高程:高程和阴影 - Google Material Design Guidelines

因此,如果您想保持工具栏的标准高程并删除状态栏中的阴影,那么这是一个非常简单的解决方案.

现在你可能有这样的布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <android.support.design.widget.CoordinatorLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/AppTheme.AppBarOverlay">

                <include layout="@layout/toolbar"/>

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

        .....

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

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:itemTextColor="@color/menu_selector"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

此布局是实现此类导航抽屉的最常用模式之一.你可以看到DrawerLayout和CoordinatorLayout都有一个xml属性"android:fitsSystemWindows"设置为"true".

删除状态栏上阴影的最简单方法是将属性保留在DrawerLayout中并进行设置

android:fitsSystemWindows="false"

在CoordinatorLayout中.这将解决您的问题.