Как установить высоту на нижнюю навигацию

Question

Итак, support V25. У нас есть новый компонент под названием Bottom navigation.

Следуйте инструкциям Дизайн, Нижняя навигация elevation-х должны быть 8dp (https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-specs)

Но я не могу установить elevation к нему.

Любое предложение, пример будет оценен. Спасибо!

UPDATE 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), мы должны установить android:background от BNV к @android:color/white иметь тень. Он не будет отображаться, если вы установили другой цвет (т. Е. Ваш основной цвет)

Answer 2

У меня была такая же проблема, и у меня была @android:color/white, поскольку предлагаемый OP не был приемлемым в моем случае. Поэтому, поскольку мы «не можем» получить тень с высотой и настраиваемым фоном, нам нужно взломать его.

Мой подход добавляет теневой вид внутри рамки, чтобы «имитировать» возвышение.

<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

Это работает! Обратите внимание на то, что вы можете изменить цвет нижней панели с помощью:

"app:itemBackground="@color/white" 

но вы должны добавить:

android:background="@android:color/white" 

Complete:

<android.support.design.widget.BottomNavigationView 
    android:id="@+id/navigation" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:background="@android:color/white" 
    app:elevation="4dp" 
    app:itemBackground="@color/white" 
    app:itemIconTint="@color/grey" 
    app:itemTextColor="@color/grey" 
    app:menu="@menu/my_navigation_items" />