显示/隐藏特定片段的BottomNavigationView。

huangapple
go评论93阅读模式
英文:

Show/Hide BottomNavigationView for specific fragment

问题

在我的 Android 应用程序中，我希望在用户聚焦到 SearchView（这也会弹出软键盘）时底部菜单栏消失。当 SearchView 失去焦点时，我希望再次显示底部导航栏。

我尝试过使用 setVisibility() 方法，视图确实会隐藏或显示，但由于某种原因它总是保留其高度。以下是我的 BottomNavigationView 的代码：

  1. <com.google.android.material.bottomnavigation.BottomNavigationView
  2.     android:id="@+id/bottom_navigation"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="60dp"
  5.     app:menu="@menu/bottom_navigation_menu"
  6.     app:elevation="80dp"
  7.     app:labelVisibilityMode="labeled"
  8.     app:itemTextColor="@color/bottom_nav_color"
  9.     app:itemIconTint="@color/bottom_nav_color"
  10.     android:background="?attr/backgroundColor">

处理导航栏隐藏/显示的代码如下：

  1. // 在按下返回键时需要关闭 SearchView（而不仅仅是失去焦点）
  2. mSearchView.setOnQueryTextFocusChangeListener(
  3.     (v, hasFocus) -> {
  4.         if (!hasFocus) {
  5.             adapter.isSearchMode = false;
  6.             bottomNavigationView.setVisibility(View.VISIBLE);
  7.             searchMenuItem.collapseActionView();
  8.             adapter.notifyDataSetChanged();
  9.         } else {
  10.             adapter.isSearchMode = true;
  11.             bottomNavigationView.setVisibility(View.GONE);
  12.             searchMenuItem.collapseActionView();
  13.             adapter.notifyDataSetChanged();
  14.         }
  15.     });

BottomNavigationView 由一个 LinearLayout 包含，如下所示：

  1. <LinearLayout
  2.     android:id="@+id/footer"
  3.     android:baselineAligned="false"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="60dp"
  6.     android:layout_alignParentBottom="true"
  7.     android:orientation="vertical">
  8.                 
  9.     <View
  10.         android:layout_width="match_parent"
  11.         android:layout_height="3dp"
  12.         android:background="@drawable/bottom_bar_top_shadow"/>
  14.     <com.google.android.material.bottomnavigation.BottomNavigationView
  15.         android:id="@+id/bottom_navigation"
  16.         android:layout_width="match_parent"
  17.         android:layout_height="60dp"
  18.         app:menu="@menu/bottom_navigation_menu"
  19.         app:elevation="80dp"
  20.         app:labelVisibilityMode="labeled"
  21.         app:itemTextColor="@color/bottom_nav_color"
  22.         app:itemIconTint="@color/bottom_nav_color"
  23.         android:background="?attr/backgroundColor">
  25.         <LinearLayout
  26.             android:layout_width="match_parent"
  27.             android:layout_height="50dp"
  28.             android:orientation="horizontal"
  29.             android:layout_marginTop="6dp"
  30.             android:weightSum="5"
  31.             android:elevation="16dp">
  33.             <RelativeLayout
  34.                 android:layout_width="0dp"
  35.                 android:layout_height="match_parent"
  36.                 android:layout_weight="1"
  37.                 android:gravity="center|top">
  39.                 <TextView
  40.                     android:id="@+id/missed_calls"
  41.                     style="@style/unread_count_font"
  42.                     android:layout_width="wrap_content"
  43.                     android:layout_height="wrap_content"
  44.                     android:background="@drawable/unread_message_count_bg"
  45.                     android:layout_marginStart="20dp"
  46.                     android:gravity="center"
  47.                     android:visibility="gone"/>
  49.             </RelativeLayout>
  51.             <RelativeLayout
  52.                 android:layout_width="0dp"
  53.                 android:layout_height="match_parent"
  54.                 android:layout_weight="1"
  55.                 android:gravity="center|top">
  57.                 <TextView
  58.                     android:id="@+id/missed_chats"
  59.                     style="@style/unread_count_font"
  60.                     android:layout_width="wrap_content"
  61.                     android:layout_height="wrap_content"
  62.                     android:background="@drawable/unread_message_count_bg"
  63.                     android:layout_marginStart="20dp"
  64.                     android:gravity="center"
  65.                     android:visibility="gone"/>
  67.             </RelativeLayout>
  69.         </LinearLayout>
  71.     </com.google.android.material.bottomnavigation.BottomNavigationView>
  73. </LinearLayout>
英文:

In my android application, I want the bottom menu bar to disappear when the user focuses the SearchView (this also pops the soft keyboard up). When the SearchView loses focus, I want to show the bottom navigation bar again.

I have tried using setVisibility() and the view does hide or show, but it always retains its height for some reason.Below is the code for my BottomNavigationView:

  1. <com.google.android.material.bottomnavigation.BottomNavigationView
  2.     android:id="@+id/bottom_navigation"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="60dp"
  5.     app:menu="@menu/bottom_navigation_menu"
  6.     app:elevation="80dp"
  7.     app:labelVisibilityMode="labeled"
  8.     app:itemTextColor="@color/bottom_nav_color"
  9.     app:itemIconTint="@color/bottom_nav_color"
  10.     android:background="?attr/backgroundColor">

Code that handles hiding/showing of the navigation bar:

  1. // Needed to close the SearchView when pressing back (instead of just losing focus)
  2. mSearchView.setOnQueryTextFocusChangeListener(
  3.     (v, hasFocus) -> {
  4.         if (!hasFocus) {
  5.             adapter.isSearchMode = false;
  6.             bottomNavigationView.setVisibility(View.VISIBLE);
  7.             searchMenuItem.collapseActionView();
  8.             adapter.notifyDataSetChanged();
  9.         } else {
  10.             adapter.isSearchMode = true;
  11.             bottomNavigationView.setVisibility(View.GONE);
  12.             searchMenuItem.collapseActionView();
  13.             adapter.notifyDataSetChanged();
  14.         }
  15.     });

The BottomNavigationView is held by a LinearLayout like so:

  1. <LinearLayout
  2.                 android:id="@+id/footer"
  3.                 android:baselineAligned="false"
  4.                 android:layout_width="match_parent"
  5.                 android:layout_height="60dp"
  6.                 android:layout_alignParentBottom="true"
  7.                 android:orientation="vertical">
  8.                 
  9.                 <View
  10.                     android:layout_width="match_parent"
  11.                     android:layout_height="3dp"
  12.                     android:background="@drawable/bottom_bar_top_shadow"/>
  14.                 <com.google.android.material.bottomnavigation.BottomNavigationView
  15.                     android:id="@+id/bottom_navigation"
  16.                     android:layout_width="match_parent"
  17.                     android:layout_height="60dp"
  18.                     app:menu="@menu/bottom_navigation_menu"
  19.                     app:elevation="80dp"
  20.                     app:labelVisibilityMode="labeled"
  21.                     app:itemTextColor="@color/bottom_nav_color"
  22.                     app:itemIconTint="@color/bottom_nav_color"
  23.                     android:background="?attr/backgroundColor">
  25.                     <LinearLayout
  26.                         android:layout_width="match_parent"
  27.                         android:layout_height="50dp"
  28.                         android:orientation="horizontal"
  29.                         android:layout_marginTop="6dp"
  30.                         android:weightSum="5"
  31.                         android:elevation="16dp">
  33.                         <RelativeLayout
  34.                             android:layout_width="0dp"
  35.                             android:layout_height="match_parent"
  36.                             android:layout_weight="1"
  37.                             android:gravity="center|top">
  39.                             <TextView
  40.                                 android:id="@+id/missed_calls"
  41.                                 style="@style/unread_count_font"
  42.                                 android:layout_width="wrap_content"
  43.                                 android:layout_height="wrap_content"
  44.                                 android:background="@drawable/unread_message_count_bg"
  45.                                 android:layout_marginStart="20dp"
  46.                                 android:gravity="center"
  47.                                 android:visibility="gone"/>
  49.                         </RelativeLayout>
  51.                         <RelativeLayout
  52.                             android:layout_width="0dp"
  53.                             android:layout_height="match_parent"
  54.                             android:layout_weight="1"
  55.                             android:gravity="center|top">
  57.                             <TextView
  58.                                 android:id="@+id/missed_chats"
  59.                                 style="@style/unread_count_font"
  60.                                 android:layout_width="wrap_content"
  61.                                 android:layout_height="wrap_content"
  62.                                 android:background="@drawable/unread_message_count_bg"
  63.                                 android:layout_marginStart="20dp"
  64.                                 android:gravity="center"
  65.                                 android:visibility="gone"/>
  67.                         </RelativeLayout>
  69.                     </LinearLayout>
  71.                 </com.google.android.material.bottomnavigation.BottomNavigationView>
  74.             </LinearLayout>

答案1

得分: 0

在您的BottomNavigation中使用以下代码片段：

setVisibility(View.GONE)

View.GONE = 视图不再占用空间。

英文:

On your BottomNavigation use this code snippet:

setVisibility(View.GONE)

View.Gone = No Space lefts for view.

huangapple
  • 本文由 发表于 2020年5月5日 19:01:05
  • 转载请务必保留本文链接：https://go.coder-hub.com/61611570.html
  • android
  • bottomnavigationview
  • java
  • material-design
  • visibility
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定