当我导航到不在该菜单中的片段时如何更改 BottomNavigationView 图标的颜色
How to change the color of the BottomNavigationView Icons when I navigate to a Fragment that isn't in that menu
所以,我有一个 Menu
膨胀到 BottomNavigationView
以显示在应用程序中导航的选项。但我还在 Toolbar
中添加了另一个 Menu
以导航到应用程序的另一部分。
这工作正常,但是当我单击 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
}
This is the fragment Home that is shown when I click in the Home Button in the bottom
This is the fragment shown when I click in the bell in the toolbar.
有没有看到,Home键还是高亮的。
如何以编程方式更改此行为?
您可以使用此方法从 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
}
所以,我有一个 Menu
膨胀到 BottomNavigationView
以显示在应用程序中导航的选项。但我还在 Toolbar
中添加了另一个 Menu
以导航到应用程序的另一部分。
这工作正常,但是当我单击 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
}
This is the fragment Home that is shown when I click in the Home Button in the bottom
This is the fragment shown when I click in the bell in the toolbar.
有没有看到,Home键还是高亮的。
如何以编程方式更改此行为?
您可以使用此方法从 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
}