如何使 AppCompat 工具栏透明且高度为零答案

【问题标题】：How to make AppCompat toolbar transparent & with zero elevation如何使 AppCompat 工具栏透明且高度为零
【发布时间】：2017-10-23 12:05:58
【问题描述】：

我注意到很多带有透明工具栏且没有高度的材料设计应用程序。

我已经设法通过将background 属性添加到AppBarLayout 来使我自己的工具栏透明，但是我无法通过更改高度属性来移除阴影。

知道如何移除高程，还是让 AppCompat 工具栏通常透明的更好方法？谢谢。

这是我的 AppBar

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

    android:background="@android:color/transparent"
    android:elevation="0dp"
    >

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        />

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

编辑

将android:elevation 更改为app:elevation 只会使工具栏完全消失

【问题讨论】：

标签： android

【解决方案1】：

改变

android:elevation="0dp"

到

app:elevation="0dp"

和

将app:navigationIcon="@mipmap/ic_launcher_round"设置为Toolbar图标

【讨论】：

很好用，但是为什么后退按钮消失了？我怎样才能保留它？
更改您的android:background="@android:color/transparent"
我认为这不是正确的答案。添加android:elevation 属性似乎只是使工具栏“消失”，因为我没有观察到向上按钮、标题或背景颜色。
android：高程用于库存工具栏，如果您使用支持库中的工具栏，则应使用 app 前缀。一个简单的google search 给你这个，this SO answer 会很有用

【解决方案2】：

首先在AppBarLayout中设置app:elevation="0dp"
第二将AppBarLayout's主题更改为AppTheme.AppBarOverlay
第三将工具栏的主题更改为AppTheme.PopupOverlay

这是xml的例子

<android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@android:color/transparent"
        app:elevation="0dp">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay"/>

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

希望它能解决你的问题。

【讨论】：