BottomNavigationView底部图标和文字的显示问题

最新推荐文章于 2024-01-04 10:35:16 发布

原创最新推荐文章于 2024-01-04 10:35:16 发布 · 2.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了在使用BottomNavigationView时遇到的两个常见问题及其解决方法：一是当底部导航栏有超过3个选项时如何显示所有选项的文字；二是如何保持图标显示其原始颜色而非单一的textColor。通过设置`setLabelVisibilityMode`为`LABEL_VISIBILITY_LABELED`来显示所有文字，调用`setItemIconTintList(null)`来取消图标的颜色覆盖，从而恢复图标原始色彩。

BottomNavigationView底部图标和文字的显示问题

一、BottomNavigationView3个以上图标不显示文字

当图标大于3个时，显示图标和当前页的文字。调用BottomNavigationView的setLabelVisibilityMode方法可以解决。

        //setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED)
        mBinding!!.navView.labelVisibilityMode= LabelVisibilityMode.LABEL_VISIBILITY_LABELED

二、BottomNavigationView图标不显示原始颜色

不显示图标的原始颜色，只显示app:itemTextColor属性中指定的颜色。可以通过调用BottomNavigationView的setItemIconTintList(null)方法解决。

        //mBinding!!.navView.setItemIconTintList(null)
        mBinding!!.navView.itemIconTintList = null

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cdcdec

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Android |（八）BottomNavigationView 底部导航栏

codeSong的博客

07-10

977

实战演示——微信底部导航栏

Android官方BottomNavigationView添加Badge(角标)，全部tab显示文字自动铺满

威威的专栏

12-20

5579

我使用的BottomNavigationView版本如下，以下功能也是在下面的版本上测试的 implementation &amp;amp;amp;quot;com.android.support:design:28.0.0&amp;amp;amp;quot; 在我们使用BottomNavigationView时在tab个数大于三个是无法在全部的tab上显示文字，以下提供2中解决方式 1.网上搜索提供的方法如下： import android.util.Log;.

参与评论您还未登录，请先登录后发表或查看评论

BottomNavigationView3个以上图标不显示文字

一个IT人的技术成长历程。

09-23

697

因为官方的BottomNavigationView默认有个放大的ShiftingMode效果，但是尚未支持代码层级的切换。在3个menu item及以下时默认关闭，而到了4个及以上时默认开启，就会出现以上问题。由isShifting方法可见，当labelVisibilityMode==0时或按钮数大于3则位移，那么只要将labelVisibilityMode值设置为不是0和-1就可以了。如果BottomNavigationItemView类并没有setShiftingMode方法。

BottomNavigationView和viewpager解决图片不显示只改变颜色的问题

05-18

BottomNavigtionView和viewPager的结合使用，同时解决图标都显示同样的颜色，而不显示UI设计的图标的问题

Android BottomNavigationView底部菜单栏文字显示问题

Heyn的征途

11-24

759

2. BottomNavigationView 如果tab栏数据大于3个，那么图标会显示出来，但是文字会隐藏；1. BottomNavigationView 如果tab栏数据小于等于3个，那么图标和文字都是展示出来；3. 解决方式：（当底部tab栏个数大于3个时，也会显示图标+ 文字）

bottomnavigationview 自定义图标_苹果史上最大更新，iOS 14桌面图标任意改，有安卓味了...

weixin_39864387的博客

10-30

428

就在今天凌晨，苹果推送了 iOS 14.0.1 正式版更新。这个更新主要修复了一些 iOS 14 初版中存在的 Bug 。一直不敢升级系统的小伙伴，现在可以放心升级了。桌面任意改iOS 系统越来越开放，可玩性也越来越高。在 iOS 14 这代系统中，苹果甚至引入了和安卓类似的桌面小组件。(PS：两个系统的小组件还是有些细微区别的，苹果的桌面小组件只做信息展示，不能交互，点击后会自动打开程...

BottomNavigationView实现底部导航

04-22

在Android应用开发中，`BottomNavigationView` 是一个非常重要的组件，它用于实现底部导航功能，让用户可以在多个主要视图之间轻松切换。这个组件通常包含3到5个图标和相应的文字标签，代表应用的主要功能模块。在...

BottomNavigationView底部导航demo

01-12

【BottomNavigationView底部导航demo】是Android开发中的一个关键知识点，用于在应用的底部提供一种便捷的多页面切换方式。在Android应用设计中，底部导航栏（Bottom Navigation）是一种常见的界面元素，它允许用户...

BottomNavigationView 底部文字不显示的问题解决

最新发布

07-23

我们正在解决Android开发中BottomNavigationView底部文字不显示的问题。根据引用资料，这个问题通常出现在菜单项多于3个时，系统默认只显示当前选中的菜单项的文字，其他菜单项只显示图标。但我们可以通过设置`...

BottomNavigationView去除菜单项动画效果代码

08-17

通常，当菜单项数量过多时，BottomNavigationView 会自动隐藏文字，仅显示图标。为了解决这个问题，可以创建一个自定义的 ItemDecoration，并在其中调整视图的高度和布局，以便容纳所有的文字。但需要注意的是，...

底部导航栏控件BottomNavigationView的使用和修改样式

11-14

底部导航栏控件BottomNavigationView的使用和修改样式效果：http://blog.youkuaiyun.com/qq_37902949/article/details/78528787

使用自定义 BottomNavigationView +Menu 快速实现界面切换效果

05-21

通过自定义BottomNavigationView +menu 快速实现底部栏切换，并可以结合ViewPager +Fragment ，代码量少，实现方便

BottomNavigationView设置底部图标切换

lxy1740的博客

09-28

2775

系统默认设置 BottomNavigationView 默认底部其实是一张图片与颜色的切换，下面是系统自带的设置 <?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="@d

android_jetpack_BottomNavigationView的属性(图标,文字)设置

写bug的蚊子的博客

07-29

2067

底部导航栏底部导航栏的使用比较常见，目前常用的APP几乎都是使用底部导航栏将内容分类。底部导航栏的实现也比较简单，可以通过自定义的方式来实现，通常每个item就是由一个icon和title组成的，然后再控制下是否点击的状态即可。当然也可以使用官方在support包内提供的BottomNavigationView来实现，于简单的需求来说，使用BottomNavigationView来实现，还是比较方便的。 BottomNavigationView的使用方法 BottomNavigationView的接入，特

【Bug】Android BottomNavigationView 图标黑色色块问题

邵旺运的博客

01-04

1508

最近在研究Android Jetpack组件，在使用Navigation配合底部导航栏时，发现一个奇怪的问题，如下：我的第三个图标变成了一个黑色色块，这个问题前两天我遇见过，当时是三个图标全部变成黑色块，另一个demo中的三个图标就没事，综合今天这个部分黑色色块的情况，我觉得这是一个值得记录的问题

bottomnavigationview 自定义图标_文件夹太多分不清？不如给它们换图标吧！

weixin_39694838的博客

11-08

685

Hello 大家好，这里是工具狂人。对于资料整理，相信大家都有自己的一套方法——批量命名，分门别类，这是大家常见的做法。许多同学都会选择把不同资料按一定类别放在不同的文件夹里。但是问题来了，如果文件夹一多起来，图标之间相互干扰，要找到对应的文件夹同样很困难。而今天介绍的，是一款能够更换文件夹图标的软件：Dr. Folder 目录博士。Dr. Folder中有非常多的图标库，可以自由更换文...

Android底部导航BottomNavigationView

mulanlong的博客

11-29

1039

1.BottomNavigationVIew，它是AndroidSupport Library 25.0.0 版本中，新增加了一个API，底部导航视图。支持库：implementation 'com.android.support:design:28.0.0' 2.看布局文件： <android.support.design.widget.BottomNavigationView...

【Android】【UI】BottomNavigationView 底部icon图标选中状态

凡人的专栏

03-21

3027

设置如下item，当item被选中时，系统会给变更为colorPrimary所设置的颜色。想取消颜色，而是显示成自己配置的被选中的图片 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/navigation_home" androi

BottomNavicationView 中图标不改变的问题

奋斗的IT小民工的博客

05-19

2257

BottomNavigationView实现底部导航栏 1. 引入方法 implementation 'com.android.support:design:26.+' 2. 常见的属性 XML attributes 用法 Cool itemBackground 底部导航栏的背景颜色 itemIconTint 图标==选中==/==...