BottomNavigationView 删除标题 Kotlin

BottomNavigationView 是一个常用的控件，用于实现底部导航栏功能。默认情况下，每个选项都会有一个标题。但是，在某些情况下，您可能不需要这些标题，因此可以将它们删除。本文将介绍如何在 Kotlin 中删除 BottomNavigationView 中的标题。

实现方法

在 Kotlin 中删除 BottomNavigationView 中的标题，主要需要通过自定义样式来实现。具体步骤如下：

创建自定义样式

在 styles.xml 文件中创建自定义样式，代码如下：

<style name="NoTitleTheme" parent="Theme.AppCompat.Light">
    <item name="bottomNavigationStyle">@style/Widget.NoTitleBottomNavigationView</item>
</style>

<style name="Widget.NoTitleBottomNavigationView" parent="Widget.Design.BottomNavigationView">
    <item name="android:titleVisibility">gone</item>
</style>

上面代码中，我们定义了一个名为 NoTitleTheme 的自定义样式，该样式继承自 Theme.AppCompat.Light 主题。在此样式中，我们将 bottomNavigationStyle 属性设置为 Widget.NoTitleBottomNavigationView。接下来，我们定义了一个名为 Widget.NoTitleBottomNavigationView 的样式，并将其继承自 Widget.Design.BottomNavigationView。在此样式中，我们将 titleVisibility 属性设置为 gone，以隐藏标题。

应用自定义样式

在代码中应用自定义样式，代码如下：

setTheme(R.style.NoTitleTheme)

上面代码中，我们通过 setTheme 方法将主题设置为我们刚刚定义的 NoTitleTheme。

在布局文件中添加 BottomNavigationView

在布局文件中添加 BottomNavigationView ，代码如下：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottomNavigationView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:menu="@menu/bottom_navigation_menu"/>

注意，上面的代码并没有设置 app:labelVisibilityMode 属性，因为我们在主题中已经将标题隐藏了。

结论

到此为止，我们已经实现了在 Kotlin 中删除 BottomNavigationView 中的标题的功能。通过自定义样式和设置属性，我们可以轻松地控制标题的显示和隐藏。