当前位置: 首页 > 知识库问答 >
问题:

BottomNavigationView不隐藏在滚动-NestedScrollView在viewpager

徐隐水
2023-03-14

我有底部的导航栏和视窗内的协调器布局,视窗内的每个片段都有自己的折叠工具栏,

但是app:layout\u behavior=“@string/hide\u bottom\u view\u on\u scroll\u behavior”对我不起作用。

我也不想做underomNav.set可见性(View.GONE);通过监听我嵌套的滚动视图(内部片段),因为它没有动画。

我的活动

   <?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:context=".market.MarketActivity">


    <com.example.x.custom.NonSwipeableViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="?android:attr/windowBackground"
            app:labelVisibilityMode="labeled"
            app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
            app:layout_insetEdge="bottom"
            app:itemIconTint="@drawable/bottom_navigation_selector"
            app:itemTextColor="@drawable/bottom_navigation_selector"
            app:menu="@menu/bottom_navigation_menu"
            android:theme="@style/Widget.BottomNavigationView"/>


</androidx.coordinatorlayout.widget.CoordinatorLayout>

其中一个片段(在内容视图中有一个嵌套的scrollview。我设置了它的布局行为)

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".testproject.ScrollingActivity">

    <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/app_bar"
            android:layout_height="140dp"
            android:minHeight="56dp"
            app:elevation="0dp"
            android:layout_width="match_parent">

        <com.google.android.material.appbar.CollapsingToolbarLayout
                android:id="@+id/toolbar_layout"
                android:fitsSystemWindows="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:toolbarId="@+id/toolbar"
                app:expandedTitleGravity="bottom|left"
                app:expandedTitleMarginStart="14dp"
                app:expandedTitleMarginBottom="60dp"
                app:collapsedTitleTextAppearance="@style/CollapsingToolbarTextStyleBlack"
                app:expandedTitleTextAppearance="@style/CollapsingToolbarTextStyleBlack"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                android:background="@color/white">


            <androidx.appcompat.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_height="?attr/actionBarSize"
                    android:layout_width="match_parent"
                    app:layout_collapseMode="pin"
                    app:titleMarginStart="0dp"
                    android:gravity="top"
                    android:layout_marginBottom="48dp"
                    app:popupTheme="@style/AppTheme.PopupOverlay">



            </androidx.appcompat.widget.Toolbar>

            <com.google.android.material.tabs.TabLayout
                    android:id="@+id/tabs"

                    android:background="@color/white"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:tabIndicatorFullWidth="false"
                    app:tabTextColor="@color/warm_grey"
                    app:tabMode="scrollable"
                    app:tabSelectedTextColor="@color/lipstick"
                    android:layout_gravity="bottom"
                    app:tabTextAppearance="@style/TabLayoutTextStyle"
                    android:paddingRight="6dp"
                    android:paddingLeft="6dp"
            >

                <com.google.android.material.tabs.TabItem
                        android:id="@+id/tabItem"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/main_market">

                </com.google.android.material.tabs.TabItem>

                <com.google.android.material.tabs.TabItem
                        android:id="@+id/tabItem2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/high_yield"/>

                <com.google.android.material.tabs.TabItem
                        android:id="@+id/tabItem3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/perpetuals"/>

                <com.google.android.material.tabs.TabItem
                        android:id="@+id/tabItem4"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/special_situations"/>

            </com.google.android.material.tabs.TabLayout>


        </com.google.android.material.appbar.CollapsingToolbarLayout>


    </com.google.android.material.appbar.AppBarLayout>

    <include layout="@layout/content_market"/>



</androidx.coordinatorlayout.widget.CoordinatorLayout>

这些链接不起作用在滚动上隐藏/显示底部导航视图

使用AppBarLayout在协调布局中滚动时显示/隐藏底部导航视图

当滚动底部导航栏不隐藏时-BottomNavigationBehavior

若片段包含AppBarLayout,则在片段内部滚动时BottomNavigationView不会隐藏

共有1个答案

嵇财
2023-03-14

它太富有了

BottomNavigationView 

在活动中,因此只有在活动中滚动时才有效。

你可以这样做https://stackoverflow.com/a/44778453/7373745

 类似资料:
  • 有没有一种方法可以隐藏滚动条,但仍然保留向上/向下滚动的选项?我尝试溢出:隐藏;它删除滚动条,但我不能滚动。

  • 问题内容: 可以使用CSS隐藏滚动条吗?你会怎么做? 问题答案: 像这样在body标签上设置: 上面的代码同时隐藏了水平和垂直滚动条。 如果只想隐藏 垂直滚动条 ,请使用: 如果只想隐藏 水平滚动条 ,请使用:

  • 目前,我正在使用以下代码显示滚动条: 使用此CSS时,滚动条始终可见,这意味着即使div中的内容没有溢出。 当内容符合提到的高度时,我如何隐藏它们?

  • 问题内容: 我希望能够滚动浏览整个页面,但不显示滚动条。 在谷歌浏览器中: 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过: 那确实隐藏了滚动条,但我不能再滚动了。 有什么办法可以删除滚动条,同时仍然可以滚动整个页面? 请仅使用CSS或HTML。 问题答案: 只是测试工作正常。 JavaScript: 由于滚动条的宽度在不同的浏览器中

  • 我试图创建一个滚动条隐藏的页面,但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条,但我不能在100%上留下一页滚动。HTML CSS

  • 我已经做了一个div,它包装溢出的内容可滚动,但我希望它的滚动是隐藏的,但div仍然是可滚动的。