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);
}

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

相关推荐
山北雨夜漫步几秒前
点评day03优惠卷秒杀-库存超卖,一人一单(单机模式)
android
zh_xuan8 分钟前
React Native页面加载流程
android·react native
yuezhilangniao25 分钟前
从Next.js到APK:Capacitor跨平台(安卓端)打包完全指南
android·开发语言·javascript
WoodyPhang41 分钟前
Android开机动画修改完全指南:从原理到实战
android
城东米粉儿1 小时前
Android Native Crash 监控 笔记
android
城东米粉儿1 小时前
Android 线程池 笔记
android
zh_xuan1 小时前
React Native 开发环境准备
android·react native
冬奇Lab14 小时前
PMS核心机制:应用安装与包管理深度解析
android·源码阅读
城东米粉儿16 小时前
Android 计算滑动帧率 笔记
android
城东米粉儿18 小时前
Android Choreographer 和 looper 结合使用 监控
android