移除android.widget.Toolbar阴影。

Question

使用API21+的Toolbar：

// Toolbar
Toolbar toolbar = new Toolbar(this);
toolbar.showOverflowMenu();

想要完全移除其阴影，setElevation(0) 不起作用，因为 getElevation() 已经返回了 0。有Material Design参考：https://material.io/guidelines/layout/structure.html#structure-toolbars 和开发参考：https://developer.android.com/reference/android/widget/Toolbar.html，但我没有看到任何与阴影相关的信息。问题是：如何完全移除或隐藏Toolbar的阴影？

- 0leg

---

你尝试过在xml中加入app:elevation="0dp"吗？请注意使用app:前缀。 - ramin eftekhari

Answer 1

在您的工具栏上使用 app:elevation="0dp" 替代 android:elevation。如果不起作用，请将您的工具栏放在 AppBarLayout 中并设置 app:elevation="0dp"：

<android.support.design.widget.AppBarLayout
            android:id="@+id/appBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:elevation="0dp">
            ...
</android.support.design.widget.AppBarLayout>

- ramin eftekhari

---

使用此工具栏完全消失。 - Rasel

另外添加 android:translationZ="0.1dp"。请参考 https://dev59.com/sFwY5IYBdhLWcg3w2K7c#50775140。 - fupduck

Answer 2

使用属性app:elevation="0dp"在您的Toolbar或AppBarLayout上，以去除阴影。

#.如果您只使用Toolbar，则将属性app:elevation="0dp"添加到Toolbar中。

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:elevation="0dp"/>

#. 如果您使用 AppBarLayout 作为 Toolbar 的容器，则需将属性 app:elevation="0dp" 添加到 AppBarLayout 中。

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

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

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

输出：

更新：

如果您想要以编程方式移除它，则可以使用以下代码：

getSupportActionBar().setElevation(0);

希望这能有所帮助~

- Ferdous Ahamed

---

我有一种感觉，它受编译的 SDK 版本的影响很大...不过还在测试中。你的 SDK 版本是多少？因为我正在使用 26.0.1。 - Goodlife

使用app:elevation="0dp"没有问题，但android:elevation="0dp"则不起作用！ - bebosh

问题是关于android.widget.Toolbar而不是android.support.v7.widget.Toolbar！ - Luca Ziegler

它完全移除了工具栏，但并未移除阴影。 - Voonic

完美的答案！ - Nirav Dangi

Answer 3

请尝试使用app:elevation，而非android:elevation：

<android.support.design.widget.AppBarLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"       
    app:elevation="0dp">
</android.support.design.widget.AppBarLayout>

- user1517638

Answer 4

我已经自己找到了解决办法：

getActionBar().setElevation(0);

更多信息：

https://developer.android.com/reference/android/app/Activity.html#getActionBar()

- 0leg

Answer 5

如果您在工具栏中使用AppBarLayout，可以使用以下代码：

app:elevation="0dp"

而不是在AppBarLayout中使用

android:elevation

- Mujeeb Rahaman T

Answer 6

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
  appBarLayout.outlineProvider = null
}

- drakeet

Answer 7

findViewById(R.id.appBarLayout).bringToFront();

我认为这个问题是由版本不兼容引起的，对我有用。感谢Bjorn

在这个问题中。

- Goodlife

Answer 8

将此代码放入您想要隐藏ToolBar的Fragment中。"最初的回答"

@Override
public void onResume() {
    super.onResume();
    ((AppCompatActivity)getActivity()).getSupportActionBar().setElevation(0);
}

- aslamhossin

Answer 9

当您在appbarlayout上添加高程0dp时，工具栏将完全消失。因此，您还应该在xml中添加translationZ。

android:translationZ="0.1dp"
app:elevation="0dp"

然后它会看起来像 ->

  <com.google.android.material.appbar.AppBarLayout
    android:id="@+id/toolbarLayout"
    android:background="@android:color/transparent"
    android:translationZ="0.1dp"
    app:elevation="0dp"
    android:theme="@style/ToolbarTheme"
    >

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />
</com.google.android.material.appbar.AppBarLayout>

- Gökhan Musapaşaoğlu ヅ

Answer 10

将工具栏的背景颜色设置为 "#00000000"，请记住： 如果您使用 CoordinatorLayout 和 AppBarLayout，请删除 contentView 中的 app:layout_behavior="@string/appbar_scrolling_view_behavior" 我曾经犯过这个初级错误。

- gmyboy

---

如果您正在使用标志，必须使用view_behaviour。 - Gustavo Baiocchi Costa