AppBarLayout 内的 BottomNavigationView

Question

我正在尝试将 BottomNavigationView 放置在工具栏上，其滚动行为类似于 Facebook

。

我能够将 BottomNavigationView 放在顶部并实现所需的行为。但是，BottomNavigationView 有一个我无法消除的高度。

布局如下

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar_new_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:descendantFocusability="beforeDescendants"
        android:focusableInTouchMode="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/searchable_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:titleTextColor="@android:color/white"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/navigation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            app:itemTextColor="@color/white"
            app:itemIconTint="@color/white"
            app:menu="@menu/activity_main_bottom_nav_menu"/>

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

    <FrameLayout
        android:id="@+id/content"
        android:background="@color/activity_background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:animateLayoutChanges="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <TextView
            android:id="@+id/message"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            android:text="@string/title_home" />

    </FrameLayout>

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

有谁知道问题出在哪里？谢谢

Answer 1

如果你想删除 BottomNavigationView 上的 elevation 然后添加这个 app:elevation="0dp"

<android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        app:itemTextColor="@color/white"
        app:elevation="0dp"
        app:itemIconTint="@color/white"
        app:menu="@menu/activity_main_bottom_nav_menu"/>

Answer 2

试试这个使用 BottomNavigationView 的 app:elevation="0dp" 属性来移除海拔 BottomNavigationView 就像下面的示例代码

<android.support.design.widget.BottomNavigationView
      android:id="@+id/navigation"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="?attr/colorPrimary"
      app:itemTextColor="@color/white"
      app:elevation="0dp"
      app:itemIconTint="@color/white"
      app:menu="@menu/activity_main_bottom_nav_menu"/>

AppBarLayout 内的 BottomNavigationView

BottomNavigationView inside AppBarLaout

android

android-appbarlayout

bottomnavigationview