更改导航抽屉项目颜色过滤器也会更改使用相同图像ID的imageView

时间:2017-06-27 04:41:09

标签: android kotlin kotlin-android-extensions

在应用程序中,导航抽屉包含很多菜单项。限制是,有一个项目将显示其色彩颜色的颜色实例,而另一个项目显示色调。有了这个限制,我决定使用滤色器来处理项目抽屉的图标颜色阶段。这条路很好。

我的菜单看起来像这样。

    <item
        android:id="@+id/menu_main"
        android:icon="@drawable/ic_my_logo_24dp"
        android:title="@string/app_name" />
    <item
        android:id="@+id/menu_setting"
        android:icon="@drawable/ic_settings_black_24dp"
        android:title="@string/text_menu_settings" />
    <item
        android:id="@+id/menu_contact_us"
        android:icon="@drawable/ic_markunread_black_24dp"
        android:title="@string/text_menu_contact_us" />
    <item
        android:id="@+id/menu_faq"
        android:icon="@drawable/ic_faq_black_24dp"
        android:title="@string/text_menu_faq" />

每个菜单都希望主菜单应该像这样显示颜色状态

已选择:蓝色

未选中:灰色

主菜单

选择

:显示其颜色

未选中:灰色

处理状态的代码看起来像这样

fun setSelectedMenuItemColor(selectedId: Int) {
  val menu = binding?.navView?.menu
   repeat(menu!!.size()) { i ->
     menu.getItem(i)?.icon?.colorFilter = when {
       menu.getItem(i).itemId == selectedId && selectedId == R.id.menu_main -> null
       menu.getItem(i).itemId == selectedId -> selectedFilterColor
       else -> idleFilterColor!!
     }
  }
}

问题是

如果我使用imageView并将drawable设置为与菜单项之一相同。颜色状态将随菜单项而变化。我不想改变imageView的色调颜色。但它会根据菜单项进行更改。然后我在imageView中添加色调颜色以更改为不同的薄色,但它仍然显示相同的菜单颜色。例如。

<ImageView
   android:tint="@color/black"
   android:src="@drawable/ic_settings_black_24dp" />

在这种情况下,imageView应该只显示黑色。但根据菜单显示灰色或蓝色。

期望的结果是imageView应该从我在XML

中设置的颜色着色

但结果是它显示了与菜单项相同的色调。

我认为它是独立的,有人可以解释为什么会发生这个问题以及如何解决它 在项目中使用数据绑定和Kotlin

2 个答案:

答案 0 :(得分:0)

我可以从您的问题中理解,您需要将菜单项和imageView的所选项目的颜色更改为蓝色,将非选定项目的颜色更改为灰色。您可以使用colorstatelist来执行此操作,而不是编写自己的逻辑来更改色调。

点击此链接获取主题.. https://developer.android.com/guide/topics/resources/color-list-resource.html

整体而言,解决方案可能就像..

  1. 创建颜色状态列表xml文件“selection_state.xml”

    <selector> <item android:color='@color/your_preffered_color' android:state_selected='true'/> <item android:color='@color/your_preffered_color' android:state_selected='false'/> </selector>

  2. 将此背景应用于您需要在屏幕上显示的视图。

    <ImageView android:background='@drawable/selection_state ...../>

  3. 在此之后,如果视图自动进入选定状态,则将对应用此状态列表的所有视图更改颜色。

答案 1 :(得分:0)

感谢大家帮助我。我终于找到了答案。

首先menu.getItem(i)?.icon?是return drawable。当在这个drawable中使用固定的东西时,drawable是缓存,尽管当我尝试使用相同的图像ID时,它返回我的缓存drawable。为了修复它,只需调用方法drawable.mutate()来防止可绘制缓存。最终的代码应该是这样的。

fun setSelectedMenuItemColor(selectedId: Int) {
  val menu = binding?.navView?.menu
   repeat(menu!!.size()) { i ->
     menu.getItem(i)?.icon?.mutate()
     menu.getItem(i)?.icon?.colorFilter = when {
       menu.getItem(i).itemId == selectedId && selectedId == R.id.menu_main -> null
       menu.getItem(i).itemId == selectedId -> selectedFilterColor
       else -> idleFilterColor!!
     }
  }
}