如何在滚动列表视图上显示/隐藏底部导航视图？

Posted 2023-05-07

【中文标题】如何在滚动列表视图上显示/隐藏底部导航视图？

【英文标题】：How to show/hide bottom navigation view on scroll listview?

【发布时间】：2019-12-25 12:49:15

【问题描述】：

更新：

我正在实现的底部导航视图仅适用于单个片段，而不是在任何活动中，以便在片段之间切换。底部导航的目的是为列表视图的滚动行为提供排序功能；类似于在 Flipkart/paytm 中发生的情况。

我在片段中有一个列表视图，我想要一个底部导航视图，其行为应为：

1.最初，当listview被加载时，bottomnavigationview应该出现在fragment的底部。

当列表向上滚动时，导航视图应该会消失。 当列表向下滚动时，它应该会消失。

我已经参考了 *** 上的答案并尝试了他们的代码，但没有一个对我有用。有人可以简要介绍一下吗？

如果有更好的方法来实现这一点，请告诉我。 我也怀疑这个抽屉布局是否必要？

这是我的片段代码：

<?xml version="1.0" encoding="utf-8"?>
<!--<android.support.v4.widget.DrawerLayout-->
    <!--xmlns:android="http://schemas.android.com/apk/res/android"-->
    <!--xmlns:app="http://schemas.android.com/apk/res-auto"-->
    <!--xmlns:tools="http://schemas.android.com/tools"-->
    <!--android:id="@+id/drawer_layout"-->
    <!--android:layout_-->
    <!--android:layout_-->
    <!--tools:context=".AvailableFood">-->
    <android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/coordinator_layout"
        android:orientation="vertical"
        android:layout_
        android:layout_
        tools:context=".AvailableFood">

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical">


        <customfonts.MyEditText
            android:layout_
            android:layout_
            android:textSize="16dp"
            android:id="@+id/food_req"
            android:hint="Your requirement(kg) today?"
            android:textColorHint="#000000"
            android:textColor="#000000"
            android:background="@drawable/button_background"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="10dp"
            android:drawableRight="@drawable/ic_local_dining_black_24dp"
            android:padding="16dp"
            />

        <ListView
            android:id="@+id/list_avl_food"
            android:layout_
            android:layout_
            android:padding="10dp"
            android:divider="#b5b5b5"
            android:dividerHeight="1dp"
            android:listSelector="@drawable/list_selector" />

    </LinearLayout>
    <FrameLayout
        android:id="@+id/content_container"
        android:layout_
        android:layout_
        android:layout_gravity="top"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_
        android:layout_
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:layout_gravity="bottom"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/bottom_menu" />

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

<!--</android.support.v4.widget.DrawerLayout>-->

以下是我应用导航视图行为的方式：

 public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) 
        rootview = inflater.inflate(R.layout.fragment_available_food, container, false);

        mBottomNavigationView = rootview.findViewById(R.id.bottom_nav);
        CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) mBottomNavigationView.getLayoutParams();
        layoutParams.setBehavior(new BottomNavigationBehavior());

BottomNavigationBehavior.java：

package com.example.student.doneate;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.design.widget.CoordinatorLayout;
import android.support.v4.view.ViewCompat;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;

public class BottomNavigationBehavior extends CoordinatorLayout.Behavior<BottomNavigationView> 

    public BottomNavigationBehavior() 
        super();
    

    public BottomNavigationBehavior(Context context, AttributeSet attrs) 
        super(context, attrs);
    

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, BottomNavigationView child, View dependency) 
        boolean dependsOn = dependency instanceof FrameLayout;
        return dependsOn;
    

    @Override
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, BottomNavigationView child, View directTargetChild, View target, int nestedScrollAxes) 
        return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL;
    

    @Override
    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, BottomNavigationView child, View target, int dx, int dy, int[] consumed) 
        if(dy < 0) 
            showBottomNavigationView(child);
        
        else if(dy > 0) 
            hideBottomNavigationView(child);
        
    

    private void hideBottomNavigationView(BottomNavigationView view) 
        view.animate().translationY(view.getHeight());
    

    private void showBottomNavigationView(BottomNavigationView view) 
        view.animate().translationY(0);
    

编辑 1： 底部导航视图：

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_
        android:layout_
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:layout_gravity="bottom"
        app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/bottom_menu" />

【问题讨论】：

将此行添加到 bottomNavigationView xml:-> :>app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior" 和 layoutParams.setBehavior(new BottomNavigationBehavior());来自java代码的行

我不知道为什么，但这不起作用

【参考方案1】：

在坐标布局中你必须使用app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior" 在你的BottomNavigationView

不需要在java代码中做额外的工作来隐藏/显示BottomNavigationView

【讨论】：

它说它无法解析符号'@string/hide_bottom_view_on_scroll_behavior'

您的支持库版本是多少？更新 28.0.0

你说的是：implementation 'com.android.support:design:28.0.0'？但是我的 compileSdkVersion 是 27，它说这个支持库不应该使用与 compileSdkVersion (27) 不同的版本 (28)，当我更新这个时我的构建失败

更新 compileSdkVersion 28 和 targetSdkVersion 28 然后它会告诉你更新 com.android.support:design 到 28.0.0

并且不要在你的java代码中调用BottomNavigationBehavior（你可以注释这些代码）。只需使用 xml（一行）

【参考方案2】：

我不知道为什么，但在没有任何帮助之后，我找到了自己的逃脱方法。

使用 ListView 上的 onscrollListener 设置底部导航视图的可见性属性，它工作得很好。