修改BottomNavigationView图片大小

最新推荐文章于 2025-06-29 09:59:57 发布
原创 最新推荐文章于 2025-06-29 09:59:57 发布 · 2.8k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在使用BottomNavigationView时遇到的图标大小调整及与文字重叠的问题。通过修改itemIconSize可以调整图标大小，但需注意这可能导致图标与文字重叠。解决此问题的关键在于重新定义BottomNavigationView的默认高度，确保其在dimens.xml中正确配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

BottomNavigationView实现：https://blog.youkuaiyun.com/kunkun5love/article/details/79403203

之前旧的api的BottomNavigationView一直改不了图标大小，后来看到https://juejin.im/post/5be17261f265da61441f8577这篇文章改好了，然后更新了api,发现BottomNavigationView可以通过itemIconSize改图标大小了:

java代码也是直接的setItemIconSize就可以直接的设置大小。

----问题来了-----问题来了------问题来了------问题来了---问题来了--问题来了---问题来了---问题来了---问题来了----问题来了------

但是设置了大小后发现图标和文字叠在一起了,通过修改layout_height高度、design_bottom_navigation_margin，发现还是叠在一起了！！！！百（度多次）试（验）不得其解

然后发现不能直接通过layout_height去直接设置BottomNavigationView的高度，BottomNavigationView的默认高度是56dp,设置layout_height后，BottomNavigationView会还是56dp并且居中在layout_height的高度中，所以layout_height要wrap_content并复写BottomNavigationView的默认高度!!!        在dimens.xml中重新复写BottomNavigationView样式：

 

 

BottomNavigationView图片大小设置
weixin_34227447的博客
11-06 2001
今天有个朋友反馈BottomNavigationView无法修改图片大小,于是看了一下网上确实是没找到解决方法。（只想看解决方案的可以看最后面）。 BottomNavigationView所有暴露的方法里面都没有设置图片大小的方法。 搜索了一下，stackoverflow有关于此问题的讨论并给出的当时的解决方案，但是现在已经无效了。 stackoverflow.com/questions/3… ...
BottomNavigationView修改图标/文字大小，替换图标
qq_43603312的博客
03-03 5097
????修改图标大小，代码中的20修改为自己需要的大小即可 private void adjustNavigationIcoSize(BottomNavigationView navigation){ BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigation.getChildAt(0); ...
底部导航栏控件BottomNavigationView的使用和修改样式
11-14
底部导航栏控件BottomNavigationView的使用和修改样式 效果：http://blog.youkuaiyun.com/qq_37902949/article/details/78528787
全面掌握Android自定义底部导航栏设计与实现
最新发布
weixin_28487725的博客
06-29 673
Android 底部导航栏（Bottom Navigation Bar）是Android应用设计中的一个重要组成部分，通常位于屏幕的底部，用于实现快速的导航切换，增强用户的交互体验。它的设计允许用户在不同视图之间进行流畅的切换，同时提供直观的视觉反馈，因此对整个应用的可用性和用户满意度具有显著影响。要创建具有专业外观和一致性的底部导航栏，我们需要导入必要的资源文件。这包括为指定颜色、图标、文本等。我们还可以创建一个样式文件（例如styles.xml）来定义的外观和行为。
BottomNavigationView 更改icon大小
qq_37973828的博客
04-05 1128
BottomNavigationMenuView menuView = (BottomNavigationMenuView)navigationView.getChildAt(0); BottomNavigationItemView itemView = (BottomNavigationItemView) menuView.getChildAt(2); itemView.setIconSize(120); itemView.setIconTintList(ColorStateList.valueOf(.
BottomNavigationView 动态添加menu item 修改BottomNavigationView字体图片大小间距
mengshirui_的博客
03-08 4384
BottomNavigationView不使用menu.xml布局，代码控制动态布局，并修改字体图片大小间距 <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomNavigationView" android:layout_width="matc...
com.ashokvarma.android:bottom-navigation 修改导航栏图片和文字间的距离和文字的大小
铁树开花
03-15 1800
我没引入com.ashokvarma.android:bottom-navigation 的底部导航栏，需要更改图片和文字间的距离和文字的大小，以及取消点击是字体大小的变化！ 找到com.ashokvarma.android:bottom-navigation的源码 修改图片和文字间的距离 &lt;dimen name="fixed_height_bottom_padding"&gt;...
底部导航BottomNavigationView+ViewPager+Fragment
热门推荐
xiaoyangsavvy的专栏
04-17 1万+
Android端采用底部导航栏的APP非常多，比如微信、微博、支付宝...等等，这也不能说是盲目学习iOS，毕竟好东西大家都可以用，各家操作系统也都在博采众长，互相学习。Android端的底部导航栏有着一套规范， 详情 。 这篇文章为大家带来 1.官方BottomNavigationView的使用方法 2.结合ViewPager、Fragment实现一个流行UI布局！ 3.
BottomNavigationView使用，配合ViewPager、修改图标大小、去掉文字等
yechaoa
11-13 2058
MaterialDesign中的一个底部导航栏（默认高度56dp，菜单在3~5个） 优点：使用简单，自带动画 缺点：定制化不足 github有个封装过的（传送门） <android.support.design.widget.BottomNavigationView android:id="@+id/navigation" android:layou
BottomNavigationView图标大小和颜色设置
天道酬勤
11-07 1万+
取消导航栏图标着色 navigation.setItemIconTintList(null); 设置导航栏图标 &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;item android:d...
BottomNavigationView使用
u013089925的博客
09-22 743
开发笔记，相互借鉴！ 关于BottomNavigationView 文字大小 ## 1、在values中新建style.xml文件 <resources> <!--选中的样式--> <style name="bottom_tab_title_active"> <item name="android:textSize">@dimen/text16_size</item> </style>
BottomNavigation底部导航图片和文字的一起切换
06-30
点击底部图标，进行视图的切换，点击的同时，图标和图标下的文字一起进行切换，Eclispe直接可用
Android关于BottomNavigationView使用指南
QG
08-30 5596
BottomNavigationView
BottomNavigationView的通用修改记录（新解决方案）
一个IT人的技术成长历程。
09-23 1120
BottomNavigationView是design包下的一款底部导航控件，初次使用发现效果特别不错，可是到了实际开发中，我们要的效果就不能按照谷歌的标准来开发了。都会有美工给我们切好图，而我们把图片放入后，却被bottomNavigationView修改成了他默认的颜色切换，而有时候我们的图片就不是纯色的图。自动模式，该模式使用item数来确定是否显示或隐藏标签，即自动开启shifting mode，默认的模式。这里注意margin的使用，不是越大，文字图片的间距就越大，还是拿修改参数看图说话。
【Android】BottomNavigationView的使用笔记
大模型训练
04-17 2749
我们在使用控件的时候，总是有两个必须填写的值，一个是`width`，一个是`height`，而它们分别对应我们印象中的物体的长度和宽度。当控件被遮盖住，这时候我们就需要指定控件的`Z`轴高度了。   何为`Z`轴高度？比如我们在三维空间中定义一个物体的具体位置，需要知道它的空间属性值，通过`XYZ`轴来精确定。这里的`Z`轴高度，其实就是指真正的“高度”，而不是宽度！ 总结： 让添加的`ImageView`在`Z`轴上的高度 大于等于`BottomNavigationView`的。
底部菜单控件-BottomNavigationView的使用
三杯五岳
03-08 1217
转载：http://www.jianshu.com/p/e7467be9e876 前几天Google官方更新了Support25.0.0,其中包含了 BottomNavigationView 即底部导航栏组件,如下图所示: 下面我们一起看看如何使用该组件. 0x00 升级Support包 升级Support包至25.0.0,并在build.gradle中添加引用
BottomNavigationView(底部导航)
于连林
01-18 917
BottomNavigationView 很早之前就在 Material Design 中出现了，但是直到 Android Support Library 25 中才增加了 BottomNavigationView 控件。也就是说如果使用官方的BottomNavigationView控件必须让targetSdkVersion >= 25，这样才能引入25版本以上的兼容包。接下来我们来看看如何使用B
BottomNavigationView应用及其添加角标
MrLiu253的博客
03-09 9503
BottomNavigationView的使用规范：1：官方建议item个数为3-5个 ，尝试6个会直接报错，尝试2个则不会报错，但是item是2个的话不建议使用改控件2：底部导航栏的高度建议是56dp一、简单的实现，先看效果图首先添加依赖：${SUPPORT_LIBRARY_VERSION}为最新版本号，修改之后直接导入即可，即可愉快使用compile'com.android.support:d...
Android BottomNavigationView 底部导航栏使用详解
Billy_Zuo的博客
11-25 5105
BottomNavigationView是官方提供可以实现底部导航的组件，最多支持5个item，主要用于功能模块间的切换，默认会包含动画效果。
bottomnavigationview图标
02-24
### 自定义 BottomNavigationView 图标 为了实现 `BottomNavigationView` 的图标自定义，在 XML 文件中配置好基本结构之后，可以通过多种方式调整和修改默认的图标样式。 #### 方法一：直接在 Menu 资源文件中设定图标资源 当创建菜单项时，可以直接为每个 `<item>` 设置特定的图标。这一步骤是在 res/menu 底下的 XML 文件完成，例如： ```xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/navigation_home" android:icon="@drawable/ic_home_black_24dp" android:title="Home"/> </menu> ``` 这里指定了 ID 为 `navigation_home` 的项目使用名为 `ic_home_black_24dp` 的 drawable 资源作为其显示图标[^4]。 #### 方法二：程序化更改图标 如果希望动态改变某个选项卡上的图标，则可以在 Activity 或 Fragment 中获取到 `BottomNavigationView` 实例后调用相应的方法来更新图标。比如下面这段 Kotlin 代码展示了如何根据条件切换当前选中的标签页图标： ```kotlin val bottomNavView = findViewById<BottomNavigationView>(R.id.bottom_navigation) // 假设要更换 home 页面对应的图标 bottomNavView.menu.findItem(R.id.navigation_home).setIcon(R.drawable.ic_new_icon) ``` 这种方法提供了更大的灵活性，允许应用程序基于用户的交互或其他逻辑实时调整界面元素[^1]。 #### 方法三：利用矢量图形 (Vector Drawable) 提供更高质量的图标支持 对于现代 Android 开发而言，推荐尽可能采用矢量图形（SVG），因为它们可以无损缩放并减少 APK 大小。只需将 SVG 文件导入项目，并像普通图片一样引用即可： ```xml <!-- 使用 vector asset studio 导入 svg --> <item ... android:icon="@drawable/ic_vector_icon" ... /> ``` 这样不仅能够保持图像清晰度不受屏幕分辨率影响，而且有助于优化应用性能[^2]。 #### 注意事项 - 确认所使用的图标尺寸适合于底部导航栏的标准大小。 - 如果遇到兼容性问题，考虑为目标 API 版本添加适当的 fallbacks。 - 对于复杂的动画效果或者状态变化较大的场景，可能还需要借助第三方库的帮助[^3]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值