AppBarLaout中的BottomNavigationView

时间:2017-09-11 10:02:56

标签: android android-appbarlayout bottomnavigationview

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

Facebook

我能够将BottomNavigationView置于顶部并实现所需的行为。但是,BottomNavigationView具有我无法消除的高度。

Result

这是布局

<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>

有谁知道问题出在哪里? 感谢

2 个答案:

答案 0 :(得分:1)

如果您要删除 BottomNavigationView 上的提升,请添加此应用:elevation =&#34; 0dp&#34;

<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"/>

答案 1 :(得分:1)

尝试使用app:elevation="0dp"的{​​{1}}属性删除高程BottomNavigationView,如下面的示例代码

BottomNavigationView