时间戳

首页 > 解决方案 > 当我导航到不在该菜单中的片段时如何更改 BottomNavigationView 图标的颜色

android - 当我导航到不在该菜单中的片段时如何更改 BottomNavigationView 图标的颜色

问题描述

所以，我有一个Menu膨胀到 aBottomNavigationView来显示在应用程序中导航的选项。但我也有另一个Menu膨胀的Toolbar导航到应用程序的另一部分。这工作正常，但是当我单击 中的图标时toolbar，最后选择的图标bottomNav仍然具有突出显示，就好像它被选中一样。

底部导航视图

<androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/bottomBarContainer"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_gravity="bottom" >

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fabNewIssue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:backgroundTint="@color/strong_blue"
            android:contentDescription="@string/add_issue"
            app:srcCompat="@drawable/ic_outline_add_24"
            app:tint="@color/white"
            app:fabCustomSize="60dp"
            app:layout_anchor="@+id/bottomBar"
            app:layout_anchorGravity="top|center"/>

        <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/bottomBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_gravity="bottom"
            app:fabAlignmentMode="center"
            app:fabCradleMargin="10dp"
            app:fabCradleRoundedCornerRadius="10dp">

            <com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottomNavigationView"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginEnd="16dp"
                android:background="@android:color/transparent"
                app:menu="@menu/bottom_nav_menu"/>

        </com.google.android.material.bottomappbar.BottomAppBar>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

我如何管理点击的代码

    override fun onCreateOptionsMenu(menu: Menu?): Boolean {
        menuInflater.inflate(R.menu.toolbar_menu, menu)
        return true
    }

    override fun onNavigationItemSelected(item: MenuItem): Boolean {
        when(item.itemId) {
            R.id.home -> {
                changeFragment(HomeFragment(), getString(R.string.tag_home))
            }
            R.id.settings -> {
                changeFragment(SettingsFragment(), getString(R.string.tag_settings))
            }
        }
        return true
    }

    override fun onMenuItemClick(item: MenuItem?): Boolean {
        when(item?.itemId) {
            R.id.app_bar_notification -> {
                changeFragment(NotificationsFragment(), getString(R.string.tag_notifications))
            }
        }
        return true
    }

这是我单击底部的主页按钮时显示的片段主页

这是我单击工具栏中的铃铛时显示的片段。

你可以看到，主页按钮仍然突出显示。

如何以编程方式更改此行为？

标签： androidkotlinbottomnavigationview

解决方案

您可以使用此方法从 BottomNavigationView 中删除所有最后选择的图标

findViewById<BottomNavigationView>(R.id. bottomNavigationView).getMenu().setGroupCheckable(0, false, true);

完整的解决方案

替换这个：

override fun onMenuItemClick(item: MenuItem?): Boolean {
        when(item?.itemId) {
            R.id.app_bar_notification -> {
                changeFragment(NotificationsFragment(), getString(R.string.tag_notifications))
            }
        }
        return true
    }

有了这个：

override fun onMenuItemClick(item: MenuItem?): Boolean {
        when(item?.itemId) {
            R.id.app_bar_notification -> {
                changeFragment(NotificationsFragment(), getString(R.string.tag_notifications))
                findViewById<BottomNavigationView>(R.id. bottomNavigationView).getMenu().setGroupCheckable(0, false, true);
            }
        }
        return true
    }

推荐阅读