Question

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

我看一下Chris Bane's Cheesesquare应用程序以供参考，看起来他没有采取任何特殊措施来实现这一目标。

以下是供参考的屏幕截图 -

Boilerplate app

Cheesesquare应用

请注意，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应用程序的感觉？

P.S。我正在使用刚刚发布的Android支持库23.2（2016年2月）

Answer 1

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

app:elevation="0dp"

工具栏中的

删除状态栏上的阴影，但它也会删除工具栏的底部阴影，因为高程现在设置为零，因此工具栏与背景处于同一级别。根据Google Material Design Guidelines，工具栏（或AppBar）的静止高程为4dp。您可以在此处查看Google提供的所有海拔：Elevation and shadows - 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中

。这将解决您的问题。

Answer 2

在工具栏中添加此行

app:elevation="0dp"

Answer 3

您可以通过在Java代码中指定状态栏的颜色来执行此操作。在活动的OnCreate方法中，添加一行代码：

getWindow().setStatusBarColor(getResources().getColor(R.color.black));

而R.color.black可能会更改为您在color.xml文件中指定的任何值。

我发表了一篇专门讨论奇怪状态栏行为的文章。你可以查看here。

很高兴知道我并不是唯一一个为此而烦恼的人。

Android状态栏透明，带导航抽屉 - Appbar标高

3 个答案: