底部应用栏顶部的阴影

Question

我正在使用 Material 设计组件中的新 Bottom App Bar。我正在尝试在底部应用栏的顶部添加阴影，就像 Google 任务应用中的阴影一样，如下所示。

我试过同时使用 android:elevation 和 app:elevation 属性。请帮忙。

Answer 1

我最终使用了这个。

步骤 1 在drawable文件夹中创建一个shape_drawable.xml文件如下图：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#1F000000"
    android:endColor="@android:color/transparent"
    android:angle="90" />    
</shape>

步骤 2 创建一个 View，将 shape_drawable.xml 设置为其背景，然后将视图放在 BottomAppBar 的正上方。

<View
android:layout_width="match_parent"
android:layout_height="4dp"
android:layout_above="@id/bottom_bar"
android:background="@drawable/shape_drawable"/>

Answer 2

根据 this 提交，Android material 组件 1.1.0（alpha）版本中的高度已得到修复。

编辑

对于那些想知道的人，这是添加新依赖项的方式：

dependencies {
    // ...
    implementation 'com.google.android.material:material:1.1.0-alpha02'
    // ...
}

可以找到有关入门的更多信息here and info about releases can be found here。

干杯！

底部应用栏顶部的阴影

Shadow at the top of Bottom App Bar

android

android-layout

mdc-components