如何将BottomNavigationViewEx的标签文本对齐底部或添加边距

我之前在项目里用BottomNavigationViewEx的时候也碰到过这个需求，想把底部导航的文本贴到底部或者调整间距，这里给你几个可行的解决办法：

方法一：自定义Item布局（最推荐，灵活稳定） #

这种方式可以完全掌控图标和文本的位置关系，步骤如下：

1. 创建一个自定义的底部导航item布局（比如命名为bottom_nav_item.xml）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="bottom|center_horizontal"
    android:paddingBottom="4dp"> <!-- 这里的paddingBottom可以根据需求调整文本到底部的距离 -->

    <ImageView
        android:id="@+id/icon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_marginBottom="2dp"/> <!-- 图标和文本之间的间距 -->

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"/>

</LinearLayout>

2. 在代码中给BottomNavigationViewEx设置这个自定义布局：

BottomNavigationViewEx bottomNav = findViewById(R.id.bottomNavigationView);
// 可以按需调整图标和文本的大小
bottomNav.setIconSize(24, 24);
bottomNav.setTextSize(12);
// 设置自定义item布局
bottomNav.setItemLayoutResId(R.layout.bottom_nav_item);

方法二：通过代码修改内部控件 #

如果不想自定义布局，可以直接通过代码获取BottomNavigationViewEx的内部控件，调整其布局属性：

BottomNavigationViewEx bottomNav = findViewById(R.id.bottomNavigationView);
// 获取底部导航的菜单容器
BottomNavigationMenuView menuView = (BottomNavigationMenuView) bottomNav.getChildAt(0);
// 遍历每个导航item
for (int i = 0; i < menuView.getChildCount(); i++) {
    BottomNavigationItemView itemView = (BottomNavigationItemView) menuView.getChildAt(i);
    // 获取包含图标和文本的内部LinearLayout
    LinearLayout layout = (LinearLayout) itemView.getChildAt(1);
    // 设置布局对齐方式为底部居中
    layout.setGravity(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL);
    // 给整体设置底部padding，调整文本到底部的距离
    layout.setPadding(0, 0, 0, 4);
}

注意：这种方式依赖BottomNavigationViewEx的内部结构，如果组件版本更新可能会失效，需要测试适配。

方法三：通过样式调整 #

可以在样式文件中定义文本的样式，控制其对齐和边距：

1. 在styles.xml中添加自定义样式：

<style name="BottomNavTextStyle" parent="TextAppearance.Design.BottomNavigation">
    <item name="android:paddingBottom">4dp</item>
    <item name="android:gravity">bottom</item>
</style>

2. 在布局文件中给BottomNavigationViewEx应用这个样式：

<com.application.ui.view.BottomNavigationViewEx
    android:id="@+id/bottomNavigationView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:itemTextAppearanceActive="@style/BottomNavTextStyle"
    app:itemTextAppearanceInactive="@style/BottomNavTextStyle"/>

内容的提问来源于stack exchange，提问作者Vikalp Patel