android - 未显示底部导航选择的图标?
问题描述
我使用底部导航视图来显示我的菜单。当我运行应用程序时,它不显示选定的图标和文本,见下图。(应用程序使用 svg(xml) 图像文件)
和 TextSize 切割当它的长度更大并且标签超过 3 或 4 见此 图像进行文本切割
这是我的代码 MainActivity xml 文件
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="0dp"
android:layout_marginStart="0dp"
app:labelVisibilityMode="labeled"
android:background="?android:attr/windowBackground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/navigation"/>
<?xml version="1.0" encoding="utf-8"?>
导航菜单
<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home_light"
android:title="@string/str_home"/>
<item
android:id="@+id/navigation_medidate"
android:icon="@drawable/ic_meditation_light"
android:title="@string/str_meditade"/>
<item
android:id="@+id/navigation_lessions"
android:icon="@drawable/ic_lesson_light"
android:title="@string/str_lessions"/>
<item
android:id="@+id/navigation_sleep"
android:visible="false"
android:icon="@drawable/ic_sleep_light"
android:title="@string/str_sleep"/>
<item
android:id="@+id/navigation_cources"
android:icon="@drawable/ic_course_light"
android:visible="false"
android:title="@string/str_courses"/>
导航监听器
private val mOnNavigationItemSelectedListener = BottomNavigationView.OnNavigationItemSelectedListener { item ->
when (item.itemId) {
R.id.navigation_home -> {
return@OnNavigationItemSelectedListener true
}
R.id.navigation_cources -> {
return@OnNavigationItemSelectedListener true
}
R.id.navigation_lessions -> {
return@OnNavigationItemSelectedListener true
}
R.id.navigation_medidate -> {
return@OnNavigationItemSelectedListener true
}
R.id.navigation_sleep -> {
return@OnNavigationItemSelectedListener true
}
}
false
}
解决方案
尝试为 tint icon 添加一个选择器selector_navigation.xml
。使用app:itemIconTint
属性。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="@color/blue" />
<item android:color="@android:color/darker_gray" />
</selector>
并设置为BottomNavigationView
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="start"
android:elevation="4dp"
android:background="@color/white"
app:itemTextColor="@color/darker_gray"
app:menu="@menu/navigation"
app:layout_behavior="BottomNavigationBehavior"
app:itemIconTint="@drawable/selector_navigation" />
推荐阅读
- sas - SAS: divide table by another table
- javascript - 无法读取 gulp 中未定义的属性“watch”
- uml - 如何绘制表示同一类继承树中方法之间调用的UML图?
- django - 在 pycharm 上安装 Django 时出错
- amazon-web-services - 无法通过 SSH 连接到 EC2 实例(连接超时)
- spring-boot - Spring Boot 2.2.1 中的外部 application.properties 文件覆盖值
- html - 全高侧边栏和内容区域在较小的设备屏幕上中断
- odoo - 无论装饰器如何,记录集都是空的
- c - 动态确定C中函数参数的类型?
- docker - 在文件 './docker-compose.yml' 中,服务 'image' 必须是映射而不是字符串