问题：

在滚动上隐藏/显示底部导航视图

穆铭晨

2023-03-14

我必须在向上滚动时隐藏底部导航视图，在向下滚动时显示。如何实现这个？我的布局是这样的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_above="@+id/navigation"
        android:layout_alignParentTop="true"
        android:layout_marginBottom="5dp">

        <FrameLayout
            android:id="@+id/container1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
          />


    </LinearLayout>

    <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:attr/windowBackground"
        app:layout_scrollFlags="scroll|enterAlways|snap"
        app:menu="@menu/dashboard_slider_menu" />

</RelativeLayout>

我附上了视图截图。请检查一下。

共有3个答案

史英飙

2023-03-14

最新库更新后更新的答案：

在滚动时隐藏BottomNavigationView，现在只需在布局中使用一个标志即可！从版本28.0.0-alpha1或材料/androidX1.0.0-alpha1开始。

我使用后一种方法更新了我的项目，因为现在的版本是一个稳定的发布版本。更新：使用完全正式版本"1.0.0"！

新的开箱即用行为称为hidebottomviewonsrollBehavior。在BottomNavigationView中将其设置为app:layout_behavior=“@string/hide_bottom_view_on_scroll_behavior”。

下面是一个完整的例子：

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:labelVisibilityMode="selected"
        app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
        android:layout_gravity="bottom"
        app:layout_insetEdge="bottom"
        app:menu="@menu/navigation" />

与滚动时工具栏的隐藏一样，您必须确保内容是支持最新滚动的类，如RecyClaire View和NestedScrollView。

这将确保所有功能都按照设计规格上的动画所示工作

PS：labelVisibilityMode是另一个很酷的补充，你可以免费获得更新的麻烦，这在设计规范中有详细描述。

施翰学

2023-03-14

试试这个，

 mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                if (dy > 0 && bottom_navigation.isShown()) {
                    bottom_navigation.setVisibility(View.GONE);
                } else if (dy < 0 ) {
                    bottom_navigation.setVisibility(View.VISIBLE);

                }
            }

            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {

                super.onScrollStateChanged(recyclerView, newState);
            }
        });

向上滚动时的图像：-

向下滚动时的图像：

唐高卓

2023-03-14

更新只需将一个属性添加到BottomNavigationView

材料库AndroidX

<com.google.android.material.bottomnavigation.BottomNavigationView
 ....
 app:layout_behavior="com.google.android.material.behavior.HideBottomViewOnScrollBehavior"/>

支持库版本28.0.0或更高版本

<android.support.design.widget.BottomNavigationView
 ....
 app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"/>

注意：-您的XML应该遵循下面旧答案中给出的XML结构。

你需要一个助手类来完成这项工作。该解决方案的工作原理与谷歌材料设计指南类似。

创建一个类BottomNavigationViewBehavior

public class BottomNavigationViewBehavior extends CoordinatorLayout.Behavior<BottomNavigationView> {

    private int height;

    @Override
    public boolean onLayoutChild(CoordinatorLayout parent, BottomNavigationView child, int layoutDirection) {
        height = child.getHeight();
        return super.onLayoutChild(parent, child, layoutDirection);
    }

    @Override
    public boolean onStartNestedScroll(@NonNull CoordinatorLayout coordinatorLayout,
                                   BottomNavigationView child, @NonNull 
                                   View directTargetChild, @NonNull View target,
                                   int axes, int type)
    {
        return axes == ViewCompat.SCROLL_AXIS_VERTICAL;
    }

    @Override
    public void onNestedScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull BottomNavigationView child,
               @NonNull View target, int dxConsumed, int dyConsumed,
               int dxUnconsumed, int dyUnconsumed, 
                @ViewCompat.NestedScrollType int type)
    {
       if (dyConsumed > 0) {
           slideDown(child);
       } else if (dyConsumed < 0) {
           slideUp(child);
       }
    }

    private void slideUp(BottomNavigationView child) {
        child.clearAnimation();
        child.animate().translationY(0).setDuration(200);
    }

    private void slideDown(BottomNavigationView child) {
        child.clearAnimation();
        child.animate().translationY(height).setDuration(200);
    }
}

要使用此行为，您需要使用cooradinator布局。。。

<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_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.kliff.digitaldwarka.activity.MainActivity">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/coordinator_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/myAppBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:descendantFocusability="beforeDescendants"
            android:focusableInTouchMode="true"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:elevation="0dp">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:contentInsetStart="0dp"
                app:layout_scrollFlags="scroll|enterAlways"
                app:popupTheme="@style/AppTheme.PopupOverlay"/>
        </android.support.design.widget.AppBarLayout>

        <!---your RecyclerView/Fragment Container Layout-->
        <FrameLayout
             android:id="@+id/container"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             app:layout_behavior="@string/appbar_scrolling_view_behavior" />
        

         <android.support.design.widget.BottomNavigationView
             android:id="@+id/bottom_nav"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom"
             app:itemBackground="@color/white"
             app:menu="@menu/bottom_nav_menu" />

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

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

将此代码添加到包含底部导航的活动中。。

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

类似资料：

底部导航视图隐藏

我的应用程序有问题。我有一个底部导航视图，包含3个不同的片段，尽管目前只有主要的内容。当我试图从左侧的两个片段中的一个移动到主视图时，问题就出现了，即当底部导航视图被隐藏时。我附上了主代码。 PD：我有25.3.1版本的所有库（如果有用的话）。感谢您的关注。 activity\u main。xml 主要活动。Java语言我也给你添加了两张图片。 Ofertas片段主片段
显示/隐藏特定片段的底部导航视图

在我的android应用程序中，当用户聚焦SearchView时，我希望底部的菜单栏消失（这也会弹出软键盘）。当SearchView失去焦点时，我想再次显示底部的导航栏。我尝试过使用，视图确实隐藏或显示，但由于某种原因，它总是保留其高度。下面是我BottomNavigationView的代码：处理隐藏/显示导航栏的代码： BottomNavigationView由线性布局控制，如下所示：
基于jquery实现页面滚动时顶部导航显示隐藏

本文向大家介绍基于jquery实现页面滚动时顶部导航显示隐藏，包括了基于jquery实现页面滚动时顶部导航显示隐藏的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了jquery实现页面滚动时顶部导航显示隐藏效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：引入核心文件构建html，margint这个div中为了出现滚动条而建，并无实际作用。写入CSS top
隐藏子屏幕/片段的android底部导航视图

我试图创建一个单一活动的Android应用程序。我有带有BottomNavigationView的MainActivity (only activity)，三个顶级片段和一些子片段。我的要求是，每当屏幕显示顶级片段，底部导航应该是可见的，这样切换是可能的。但是当我查看任何子片段时，底部导航应该是隐藏的。是否有任何现成的方式使用导航组件或需要手动更改可见性？
使用上下滑动动画显示/隐藏视图

仍然像这样显示和隐藏视图：但如果我必须使用向上滑动和向下滑动动画来显示和隐藏，该怎么办
Android底部导航菜单不显示

我想在我的项目中包括底部导航菜单，但它不起作用。底部导航菜单中没有显示菜单图标。我使用的是Android Studio北极狐。我做了所有正确的步骤，但仍然面临问题。这是我的代码，请帮我解决这个问题。谢谢。主要活动Xml res\菜单\底部导航菜单 build.gradle 主题。xml

在滚动上隐藏/显示底部导航视图

共有3个答案

相关问答

相关文章

相关阅读

相关工具

相关文档