Material 工具栏上的高度不会产生阴影

Question

正如标题所说，我尝试了 android:elevation 和 app:elevation 的多种组合，我不知道它是什么，可能我错过了一些明显的东西。

xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.jabotmobile.MainActivity"
    android:background="@color/white">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/dark"
        app:elevation="8dp">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="?attr/colorPrimary"/>

    </com.google.android.material.appbar.AppBarLayout>

    <FrameLayout
        android:id="@+id/fragmentContainer1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/red_light"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:elevation="0dp"/>


</androidx.coordinatorlayout.widget.CoordinatorLayout>

Answer 1

您必须将 android:clipChildren="false" 添加到父视图。

<androidx.coordinatorlayout.widget.CoordinatorLayout 
    android:clipChildren="false">

    <com.google.android.material.appbar.AppBarLayout>

        <androidx.appcompat.widget.Toolbar
           app:elevation="8dp"
        />

    </com.google.android.material.appbar.AppBarLayout>

此外，默认情况下，一个 alpha 通道应用于 api28+ 的阴影。您可以更改此值，在您的应用主题中添加 android:spotShadowAlpha 属性（仅适用于 api28+）：

<!--Alpha value of the spot shadow projected by elevated views, between 0 and 1.-->
<item name="android:spotShadowAlpha">0.x</item>

Material 工具栏上的高度不会产生阴影

Elevation on Material Toolbar doesn't produce a shadow

android

material-design

android-toolbar

android-theme