如何动态更改底部导航项目的文本？

Question

我正在尝试实现上述设计。我能够更改图标，但无法更改底部文本。我正在使用Material Design 底部导航栏。

我通过为每个图标实现单独的选择器Drawable来实现图标的更改。是否有一种方法可以用同样的方法更改导航标题？

MainActivity.class

public class MainActivity extends AppCompatActivity {
BottomNavigationView navView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    navView = findViewById(R.id.nav_view);

    // Passing each menu ID as a set of Ids because each
    // menu should be considered as top level destinations.
    AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
            R.id.navigation_home, R.id.navigation_saved, R.id.navigation_applied, R.id.navigation_profile, R.id.navigation_more)
            .build();

    NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
    NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
    NavigationUI.setupWithNavController(navView, navController);



}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="?attr/actionBarSize">

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        app:itemIconTint="@null"
        app:itemHorizontalTranslationEnabled="false"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:labelVisibilityMode="labeled"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />

    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@id/nav_view"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/mobile_navigation" />

</androidx.constraintlayout.widget.ConstraintLayout>

bottom_nav_menu.xml

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/home_selector"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_saved"
        android:icon="@drawable/saved_jobs_selector"
        android:title="@string/title_saved" />

    <item
        android:id="@+id/navigation_applied"
        android:icon="@drawable/applied_jobs_selector"
        android:title="@string/title_applied" />

    <item
        android:id="@+id/navigation_profile"
        android:icon="@drawable/profile_selector"
        android:title="@string/title_profile" />


    <item
        android:id="@+id/navigation_more"
        android:icon="@drawable/more_selector"
        android:title="@string/title_More" />

</menu>

- Narayan C.R

---

请将您的XML和JAVA类文件发布，以帮助我们更好地了解您如何制作导航栏。 - Atish Agrawal

@AtishAgrawal 添加了 XML 和 Java 类。 - Narayan C.R

您的意思是希望将标题颜色与图标颜色相同吗？ - Nice umang

@Niceumang 不是的，我想在选中时将标题更改为“。” - Narayan C.R

Answer 1

我可以通过以下方式编程更改标题和图标：

fun changeMenuItemTextAndIcon(){
    val item: MenuItem = bottom_navigation.menu.findItem(R.id.action_scan)
    item.title = getString(R.string.label_scan_item)
    item.icon = ContextCompat.getDrawable(activity, R.drawable.ic_barcode)
}

- Javier Diaz

Answer 2

你可以像这样进行更改：

for(i in 0 until bottomNavigation.maxItemCount){
   bottomNavigation.menu[i].title = "My Custom Title"
}

- murgupluoglu

Answer 3

嗨，我可以通过实现以下代码更改导航栏中的标题：

private BottomNavigationView.OnNavigationItemSelectedListener navListener = new BottomNavigationView.OnNavigationItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item)
    {
        switch (item.getItemId())
        {
            
        }
    }
};

在 switch 语句中，根据项目 ID 添加相应的字符串。

- Revenec

Answer 4

做这件事的简单方法。

BottomNavigationView navigationView = findViewById(R.id.bottomnavigationbar);

通过以下代码，您可以更改项目文本。

navigationView.getMenu().getItem(2).setTitle(getResources().getString(R.string.news));

在getItem（此处为索引）中编写您的菜单项的索引 菜单的索引从零开始

- kiumars gilanizadeh

Answer 5

请查看下面的代码行，并在选择 Kotlin（将 Java 转换为 Kotlin） 中的 BottomNavigation 项目时添加此代码。

navView.getCheckedItem().setTitle(".");

- Nice umang

---

图片在底部导航中无法正常工作。您可以建议另一种方法吗？ - Bhojaviya Sagar