[英]Icon in png for bottom navigation bar android
在“我的底部”导航栏中,我在菜单 XML 中使用了一个图标,图标颜色在选择时随主题颜色而变化。
在选项卡单击图标完全更改后,我完全不明白为什么 png 图像会发生这种情况。
底部导航
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="@color/white"
app:labelVisibilityMode="labeled"
app:itemBackground="@color/transparent"
app:itemTextColor="@color/black"
app:layout_constraintBottom_toBottomOf="parent"
app:menu="@menu/bottom_navigation_main" />
选择器
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_compas"
android:state_checked="false"/>
<item android:drawable="@drawable/discover_green"
android:state_enabled="true"/>
</selector>
底部导航菜单
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/chatMenuFragment"
android:enabled="true"enter code here
android:icon="@drawable/chat_selector"
android:title="Chat"
app:showAsAction="always" />
<item
android:id="@+id/contactsFragment"
android:enabled="true"
android:icon="@drawable/people_selector"
android:title="People"
app:showAsAction="always" />
<item
android:id="@+id/discoverFragment"
android:enabled="true"
android:icon="@drawable/discover_selector"
android:title="Discovery"
android:backgroundTint="@color/white"
app:showAsAction="always|withText" />
<item
android:id="@+id/myProfileFragment"
android:enabled="true"
android:icon="@drawable/user_selector"
android:title="My"
app:showAsAction="always|withText" />
</menu>
截图
选择前:
选择后:
"@drawable/discover_green" 检查这个 drawble ,这是你按下指南针后得到的吗?
您正在使用可绘制的状态列表,因此当您按下指南针时,图标会更改为discover_green,它与您定义的相同。 解决方案是完全删除状态列表 drawble 并仅使用图标或将绿点图标更改为您想要使用的东西。
问题是选定状态对图标的整个不透明部分应用滤色器。 要修复您选择的图标,您必须使绿色圆圈上的箭头透明而不是白色。 请设计师更改它或由您自己在某个编辑器中进行。
您的问题是因为discover_green.png
文件没有透明区域。 So when the menu item is selected the green tint is applied to the whole image hence you see a green circle.
但是在ic_compas.png
除了ic_compas.png
之外的所有内容都是透明的,这意味着如果您将其用作icon
,则图像中的指南针在被选中时将变为绿色。 为此,您必须将Discovery menu item
修改为
<item
android:id="@+id/discoverFragment"
android:enabled="true"
android:icon="@drawable/ic_compas"
android:title="Discovery"
app:showAsAction="always|withText" />
如果未选择项目,这将为您提供一个灰色指南针,而在选择时则为绿色指南针。
您必须同时创建彩色图标和简单图标,并且在选择时您必须将图标形式更改为纯色,而在未选择时您必须将颜色图标更改为纯色图标,这是最简单的方法。
我遇到了类似的问题,问题是默认情况下底部导航视图会为可绘制对象添加色调并填充所有不透明的内容(例如您的资产的情况)。
尝试添加这一行bottomNavigationView.itemIconTintList = null
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.