Android BottomNavigationView不加icon使text垂直居中,完美解决。

这个问题网上千篇一律的设置iconsize为0,labale固定什么的,都没有效果。我的这个基本上所有人用都会有效果。

问题解决之前的效果:垂直方向,文本不居中,看着很难受

问题解决之后:舒服多了

其实很简单,三行代码就解决了,思路就是获取item的paddingtop和paddingbottom,相加除以2,再设置paddingbottom就可以了

个人习惯,解决问题就给出完整的实现方案。

我用的menu来定义每个item信息,就像下面这样

XML 复制代码
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_square"
        android:title="@string/square" />
    <item
        android:id="@+id/nav_friends"
        android:title="@string/friends" />
    <item
        android:id="@+id/nav_release"
        android:title="@string/release" />
    <item
        android:id="@+id/nav_messages"
        android:title="@string/message" />
    <item
        android:id="@+id/nav_profile"
        android:title="@string/profile" />
</menu> 

主要代码就是下面这个

java 复制代码
int paddingTop = mViewBind.navigationView.getItemPaddingTop();
int paddingBottom = mViewBind.navigationView.getItemPaddingBottom();
mViewBind.navigationView.setItemPaddingBottom(DisplayUtil.dp2px(this, (float) (paddingBottom + paddingTop) / 2));

其中DisplayUtils就是一个dp和px的转换工具,大家随便都能搜出来,我这里直接贴上

java 复制代码
public static int px2dp(Context context, float px) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (px / scale + 0.5f);
}


public static int dp2px(Context context, float dp) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (dp * scale + 0.5f);
}

至此问题完美解决。原创不易,给个点赞

相关推荐
好的佩奇14 小时前
Dart 之扩展方法
android·flutter·dart
三少爷的鞋16 小时前
换个思路理解:非阻塞挂起
android
好的佩奇17 小时前
蓝牙之经典蓝牙
android·flutter·蓝牙
传奇开心果编程19 小时前
【Flutter踩坑排雷】第19课:路由硬编码坑|字符串路由书写错误,页面跳转失败排查
android·flutter·ios·移动开发·跨平台·ui框架·声明式ui
微小的鱼1 天前
Linux的渲染与显示系统链路
android·java·linux
道尔柯南1 天前
C++ string 类详解:从常用接口到深拷贝,彻底掌握字符串处理
android·java·c++
唐诺1 天前
5、Android JNI 动态注册中的“签名“详解
android·jni
zhaoshuzhaoshu2 天前
Android 系统启动与调试中的日志抓取方式全解析
android
雨声不在2 天前
android 动画掉帧
android
在多学一点2 天前
MYSQL第二次作业
android·数据库·mysql