26

因为我喜欢这个设计,BottomNavigationView所以我决定用它为我的应用程序实现一个新的菜单,而不仅仅是使用简单的按钮。

我把这篇文章作为指导。

根据BottomNavigationView文件, 其 目的 是

在应用程序的顶级视图之间提供快速导航。它主要设计用于移动设备。

就我而言,我只希望每个MenuItem人都启动一项活动,但默认情况下总是MenuItem选择一个:

在此处输入图像描述

我尝试将颜色设置为白色:

app:itemIconTint="@color/white"
app:itemTextColor="@color/white"

尽管如此,明显选择MenuItem与其他人不同(标题更大),这仍然困扰着我:

在此处输入图像描述

我提出了放置一个隐藏选项的想法,MenuItem例如:

<item
android:id="@+id/uncheckedItem"
android:title="" />

并发表看法GONE

 bottomNavigationView.getMenu().findItem(R.id.uncheckedItem).setChecked(true);
 bottomNavigationView.findViewById(R.id.uncheckedItem).setVisibility(View.GONE);

这使得所有 MenuItems 都未选中,但默认情况下BottomNavigationView隐藏 Titles,因为它有超过 3 个 MenuItems 要显示,即使第四个MenuItem设置为GONE

在此处输入图像描述

所以我的问题仍然存在,是否有办法取消选择所有 MenuItems 并保持其标题显示?

4

10 回答 10

39
mNavigationBottom.getMenu().setGroupCheckable(0, false, true);
于 2018-03-21T02:26:54.507 回答
26

要取消选择我创建此扩展的所有项目:

fun BottomNavigationView.uncheckAllItems() {
    menu.setGroupCheckable(0, true, false)
    for (i in 0 until menu.size()) {
        menu.getItem(i).isChecked = false
    }
    menu.setGroupCheckable(0, true, true)
}

menu.setGroupCheckable(0, true, false) 使它成为可能。第三个参数使菜单不独占,然后在循环中更改选中状态。要完成再次将菜单设置为独占。

这里的文档

于 2019-03-08T18:53:46.230 回答
5

谢谢你的想法。我已经在我的库中实现了它。我有更好的方法通过反射来做到这一点。所以它不会显示空间。

如果你有兴趣。点击这里:https ://github.com/ittianyu/BottomNavigationViewEx

private void initBottomViewAndLoadFragments(final BottomNavigationViewEx bnve) {
    bnve.enableAnimation(false);
    bnve.enableShiftingMode(false);
    bnve.enableItemShiftingMode(false);

    // use the unchecked color for first item
    bnve.setIconTintList(0, getResources().getColorStateList(R.color.bnv_unchecked_black));
    bnve.setTextTintList(0, getResources().getColorStateList(R.color.bnv_unchecked_black));

    bnve.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {

        private boolean firstClick = true;
        private int lastItemId = -1;

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            // restore the color when click
            if (firstClick) {
                firstClick = false;
                bnve.setIconTintList(0, getResources().getColorStateList(R.color.selector_bnv));
                bnve.setTextTintList(0, getResources().getColorStateList(R.color.selector_bnv));
            }

            if (firstClick || lastItemId == -1 || lastItemId != item.getItemId()) {
                lastItemId = item.getItemId();
            } else {
                return false;
            }

            // do stuff
            return fillContent(item.getItemId());
        }
    });
}

-- res/color/selector_bnv.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/bnv_checked_white" android:state_checked="true" />
    <item android:color="@color/bnv_unchecked_black" />
</selector>

-- res/values/colors.xml

<color name="bnv_checked_white">@android:color/white</color>
<color name="bnv_unchecked_black">@android:color/black</color>
于 2017-06-01T14:38:58.033 回答
3

我找到了自己的解决方案,将我的进度与这篇文章合并。

脚步:

  1. 更新 proguard-rules.pro 并同步构建
  2. 创建 Helper 以禁用 BottomNavigationView Shift 模式
  3. 创建要隐藏在 Menu.xml 上的项目
  4. 膨胀底部导航视图
  5. 将要隐藏的项目设置为 Checked GONE
  6. 使用 Helper 禁用 Shifting 模式

输出:

在此处输入图像描述

工作代码:

proguard-rules.pro:

-keepclassmembers class android.support.design.internal.BottomNavigationMenuView {
    boolean mShiftingMode;
}

BottomNavigationShiftHelper.java:

public class BottomNavigationShiftHelper {

    private final static String TAG = "DEBUG_BOTTOM_NAV_UTIL";

    public static void disableShiftMode(BottomNavigationView view) {
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try {
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                item.setShiftingMode(false);
                // set once again checked value, so view will be updated
                item.setChecked(item.getItemData().isChecked());
            }
        } catch (NoSuchFieldException e) {
            Log.d(TAG, "Unable to get shift mode field");
        } catch (IllegalAccessException e) {
            Log.d(TAG, "Unable to change value of shift mode");
        }
    }
}

活动示例.java:

 private void loadNavigationBar() {
        BottomNavigationView bottomNavigationView = (BottomNavigationView)
                findViewById(R.id.navigation_bar);

        bottomNavigationView.getMenu().findItem(R.id.uncheckedItem).setChecked(true);
        bottomNavigationView.findViewById(R.id.uncheckedItem).setVisibility(View.GONE);

        BottomNavigationViewUtils.disableShiftMode(bottomNavigationView);

        bottomNavigationView.setOnNavigationItemSelectedListener(
                new BottomNavigationView.OnNavigationItemSelectedListener() {
                    @Override
                    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                        switch (item.getItemId()) {
                            case R.id.newList:
                                //Do The Math
                                break;
                            case R.id.loadList:
                                //Do The Math
                                break;
                            case R.id.settings:
                                //Do The Math
                                break;
                        }
                        return false;
                    }
                });
    }

底部导航菜单.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/newList"
        android:enabled="true"
        android:icon="@drawable/new_list"
        android:title="@string/common.button.list.new"
        app:showAsAction="withText" />
    <item
        android:id="@+id/loadList"
        android:enabled="true"
        android:icon="@drawable/load"
        android:title="@string/common.button.list.load"
        app:showAsAction="withText" />
    <item
        android:id="@+id/settings"
        android:enabled="true"
        android:icon="@drawable/settings"
        android:title="@string/common.label.settings"
        app:showAsAction="withText" />
    <item
        android:id="@+id/uncheckedItem"
        android:title="" />
</menu>

BottomNavigationComponent(在 Activity.xml 中):

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation_bar"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    app:itemIconTint="@color/white"
    app:itemTextColor="@color/white"
    android:background="@drawable/BottomNavigationMenu.xml"
    app:menu="@menu/supercart_bottom_navigation" />
于 2016-12-29T02:23:20.087 回答
3

您的解决方案似乎改变了项目之间的空间

有我的解决方案:

“只需将点击的颜色设置为与未点击的颜色相同。”

例如:

private void changeMenuItemCheckedStateColor(BottomNavigationView bottomNavigationView, String checkedColorHex, String uncheckedColorHex) {
    int checkedColor = Color.parseColor(checkedColorHex);
    int uncheckedColor = Color.parseColor(uncheckedColorHex);

    int[][] states = new int[][] {
            new int[] {-android.R.attr.state_checked}, // unchecked
            new int[] {android.R.attr.state_checked}, // checked

    };

    int[] colors = new int[] {
            uncheckedColor,
            checkedColor
    };

    ColorStateList colorStateList = new ColorStateList(states, colors);

    bottomNavigationView.setItemTextColor(colorStateList);
    bottomNavigationView.setItemIconTintList(colorStateList);

}

如果你想取消选中所有项目,你可以

changeMenuItemCheckedStateColor(mBottomNavigationView, "#999999", "#999999");

如果要恢复颜色设置,可以

changeMenuItemCheckedStateColor(mBottomNavigationView, "FF743A", "999999");
于 2017-04-11T09:21:44.707 回答
1

接受的答案中有一个例外,我们设置了我们无法实现该代码的最大项目。所以我得到了一个比接受的代码更简单的代码,它也适用于最大项目。

我从这里提到了自定义 TextSize of BottomNavigationView support android

在您的 dimen.xml 中,您可以输入:

<dimen name="design_bottom_navigation_text_size" tools:override="true">10sp</dimen>
<dimen name="design_bottom_navigation_active_text_size" tools:override="true">10sp</dimen>

这样做您将覆盖 BottomNavigationView 的内部类使用的默认值 dimen。所以要小心。

在底部导航视图初始化的onCreate方法中设置此代码

mNavigationBottom.getMenu().setGroupCheckable(0, false, true);

最后设置你的底部导航栏是这样的:

 <com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/nav_view"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_gravity="bottom"
    android:background="?android:attr/windowBackground"
    android:fitsSystemWindows="true"
    app:labelVisibilityMode="labeled"
    app:layout_anchorGravity="fill"
    app:menu="@menu/bottom_nav_menu" />

在此设置您的 app:labelVisibilityMode标签

于 2019-07-25T17:19:11.517 回答
1

试试这个,它对我有用

 <item
    android:id="@+id/uncheckedItem"
    android:visible="false"
    android:title="" />

并设置

bottomNavigationView.getMenu().findItem(R.id.uncheckedItem).setChecked(true);

在此处输入图像描述

您将所有菜单项视图都设为未选中;因为选择uncheckedItem是不可见的

希望对您有所帮助。

于 2020-03-26T07:28:13.670 回答
0

这与接受的答案相同,只是我更改了下面标记的两行代码。当循环通过 BottomNavigationItemViews 时,我总是将 checkable 设置为 false,并且我还将 checkable 设置为 false。这可以防止菜单项改变大小。你仍然需要这个 proguard 规则:

      -keepclassmembers class android.support.design.internal.BottomNavigationMenuView {
         boolean mShiftingMode;
      }

更新代码:

    static void removeShiftMode(BottomNavigationView view)
    {
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try
        {
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++)
            {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                item.setShiftingMode(false);
                item.setChecked(false); // <--- This line changed
                item.setCheckable(false);  // <-- This line was added
            }
        }
        catch (NoSuchFieldException e)
        {
            Log.e("ERROR NO SUCH FIELD", "Unable to get shift mode field");
        }
        catch (IllegalAccessException e)
        {
            Log.e("ERROR ILLEGAL ALG", "Unable to change value of shift mode");
        }

   }
于 2017-09-29T15:05:49.590 回答
0

最好的答案mNavigationBottom.getMenu().setGroupCheckable(0, false, true)对我不起作用。它仍然显示第一个项目被选中。

对我有用的是拥有一个不可见的项目并选择它,就像你在问题中所做的那样。

添加app:labelVisibilityMode="labeled"到您的BottomNavigationView,以便所有项目及其标题保持在视图中。

于 2019-06-12T16:15:51.217 回答
0
    if(isDarkMode(context)) {
        mBotNavView.setItemIconTintList(ColorStateList.valueOf(Color.parseColor("#FFFFFF")));
    } else {
        mBotNavView.setItemIconTintList(ColorStateList.valueOf(Color.parseColor("#000000")));
    }

    public boolean isDarkMode(Context context) {
        int nightModeFlags = context.getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
        return darkMode = (nightModeFlags == Configuration.UI_MODE_NIGHT_YES);
    }
于 2020-09-15T16:51:34.747 回答