如何使AppCompat工具栏透明&零仰角

时间:2017-10-23 03:00:45

标签: android

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

我设法通过向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只会让工具栏完全消失

2 个答案:

答案 0 :(得分:0)

更改

android:elevation="0dp"

app:elevation="0dp"

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

答案 1 :(得分:0)

  • 首先app:elevation="0dp"
  • 中设置AppBarLayout
  • 第二次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>

希望它能解决你的问题。