【问题标题】:Android BottomNavigationView tint icon colorAndroid BottomNavigationView 色调图标颜色
【发布时间】:2017-07-30 15:33:47
【问题描述】:

我正在使用BottomNavigationView并且我设置了这样的颜色:

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottom_navigation_height"
    app:itemBackground="@color/white"
    app:itemIconTint="@color/bottom_bar_item_selector"
    app:itemTextColor="@color/bottom_bar_item_selector"
    app:menu="@menu/bottom_navigation_main" />

@color/bottom_bar_item_selector:

<?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/colorPrimary" />
    <item android:color="@color/grey" />
</selector>

问题是,我的@color/colorPrimary#C4071A,但最终选择的项目颜色较浅(#E65A6E)。屏幕截图上可以看到差异 - 图标颜色比文本颜色更浅。有没有办法使用完全相同的颜色?

@menu/bottom_navigation_main:

<?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/bottom_bar_item_one"
        android:icon="@drawable/ic_1"
        android:title="item1"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_two"
        android:icon="@drawable/ic_2"
        android:title="item2"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_three"
        android:icon="@drawable/ic_3"
        android:title="item3"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_four"
        android:icon="@drawable/ic_4"
        android:title="item4"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_five"
        android:icon="@drawable/ic_5"
        android:title="item5"
        app:showAsAction="ifRoom"
        android:enabled="true" />
</menu>

请注意,我使用的是 Xamarin,但由于我使用的是本机 BottomNavigationView,因此我预计不会有任何区别。

【问题讨论】:

  • 首先猜测是图标应用了 Alpha 通道
  • @BenP。没有,我添加了项目布局,所有可绘制对象都是 PNG。

标签: android bottomnavigationview


【解决方案1】:

您的 png 文件似乎具有 Alpha 通道/透明度

我检查了您的checkeduncheck 图标状态。

你的灰色图标也和红色图标有同样的问题。如果你用 Adob​​e Photoshop 等打开这些 png 文件,你可以通过在图标下添加纯白色图层来看到该通道(如果alpha 通道处于活动状态)。

【讨论】:

  • 确实你是对的。刚刚删除了 GIMP 中的 alpha,它现在看起来像期望的那样。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-04-21
  • 1970-01-01
  • 2020-06-20
  • 2017-07-03
相关资源
最近更新 更多