如何将高程设置为底部导航

Question

因此受到了support V25的support V25 。 我们有一个称为“底部导航”的新组件。

遵循设计指南，底部导航的elevation应为8dp （ https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-specs ）

但是我无法将其设置为elevation 。

任何建议，例子将不胜感激。 谢谢！

更新XML代码

<RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:elevation="8dp"
    app:elevation="8dp"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@drawable/bottom_nav_color_state"
    app:itemTextColor="@drawable/bottom_nav_color_state"
    app:menu="@menu/bottom_navigation_main"/>

<FrameLayout
    android:id="@+id/contentFrame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/bottom_navigation"
    android:background="#EDEDED"/>

Answer 1

因此，就目前（25.1.0）而言，我们必须将BNV的android:background设置为@android:color/white才能具有阴影。 如果您设置为其他颜色（即原色），则不会显示

Answer 2

我有同样的问题，在我的情况下，不能接受OP所建议的@android:color/white 。 因此，由于我们“无法”获得带有高程和自定义背景的阴影，因此需要对其进行修改。

我的方法是在框架布局内添加阴影视图以“模拟”高程。

<RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:elevation="8dp"
    app:elevation="8dp"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@drawable/bottom_nav_color_state"
    app:itemTextColor="@drawable/bottom_nav_color_state"
    app:menu="@menu/bottom_navigation_main"/>

<FrameLayout
    android:id="@+id/contentFrame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/bottom_navigation"
    android:background="#EDEDED"/>

    <some.kind.of.pager.or.other.content.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <View
        android:id="@+id/shadow_view"
        android:layout_width="match_parent"
        android:layout_height="4dp"
        android:layout_gravity="bottom"
        android:background="@drawable/shadow_gradient" />

</FrameLayout>

阴影视图的背景不过是位于底部导航视图上方所有其他形状之上的形状渐变，类似于：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="90"
        android:endColor="@android:color/transparent"
        android:startColor="#8f000000" />
</shape>

希望这对某人有帮助。

Answer 3

根据此提交，Android材料组件1.1.0（alpha）版本中的高程已得到修复。

编辑

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

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

有关入门的更多信息，请参见此处 ；有关发行版本的信息，请参见此处 。

干杯!