我想创建一个导航抽屉,其中每个项目都具有不同的选择颜色(图标色调和文本颜色),就像Google Play商店一样:
我不确定他们是如何解决这个问题的,但我认为他们使用具有不同抽屉的不同活动。我想使用片段并更改图标色调和文本颜色。您有什么想法如何实现这一点吗?我正在使用Google的设计支持库以及其中的抽屉布局和导航视图。
![进入图像描述](https://istack.dev59.com/4eX4s.webp)
在您的NavigationView
中使用app:itemIconTint
来设置图标颜色,使用app:itemTextColor
来设置文本颜色。
示例:
drawable/navigation_text_color
:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- This is used when the Navigation Item is checked -->
<item android:color="#009688" android:state_checked="true" />
<!-- This is the default text color -->
<item android:color="#E91E63" />
</selector>
以及 布局
:
<android.support.design.widget.NavigationView
.
.
app:itemTextColor="@drawable/navigation_text_color"/>
app:itemTextColor
会改变所有图标的颜色。有没有办法只改变一个图标的颜色?谢谢! - justinrixx// FOR NAVIGATION VIEW ITEM TEXT COLOR
int[][] states = new int[][]{
new int[]{-android.R.attr.state_checked}, // unchecked
new int[]{android.R.attr.state_checked}, // checked
new int[]{} // default
};
// Fill in color corresponding to state defined in state
int[] colors = new int[]{
Color.parseColor("#747474"),
Color.parseColor("#007f42"),
Color.parseColor("#747474"),
};
ColorStateList navigationViewColorStateList = new ColorStateList(states, colors);
// apply to text color
navigationView.setItemTextColor(navigationViewColorStateList);
// apply to icon color
navigationView.setItemIconTintList(navigationViewColorStateList);
因此,您可以为不同的设置(如白天或黑夜)定义多种颜色。
MenuItemCompat.setIconTintMode(item, PorterDuff.Mode.DST)
其中,item
是您不需要色调的菜单项。终于我找到了答案,
你必须在颜色文件中更改colorAccent为你想要的任何颜色:
<color name="colorAccent">whichever color required</color>
这个解决方案对我很有效
对于那些懒惰的人来说,有一个更简单的选择。
TL;DR:只需创建一个新的style
,其中colorPrimary
是您想要的颜色,然后将NavigationView
的theme
设置为这个新的style
。
只需创建一个新的style
:
<style name="AppTheme.NoActionBar.NavigationView">
<item name="colorPrimary">@color/myDesiredColor</item>
</style>
这个 style
会自动继承你的基础 theme
(在我的情况下是 AppTheme.NoActionBar
),然后你只需要设置 colorPrimary
为你想要的颜色。
然后你只需要将 NavigationView
的 theme
设置为:
android:theme="@style/AppTheme.NoActionBar.NavigationView"
输入:
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_menu_test"
app:menu="@menu/main_drawer"
android:theme="@style/AppTheme.NoActionBar.NavigationView" />
<android.support.design.widget.NavigationView
.
.
app:itemIconTint="@color/your_selector_file_name" // for Icon
app:itemTextColor="@color/your_selector_file_name" // for text
/>
补充一下 @DAVOOD 说的。以下颜色选择器对我有用。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- This is used when the Navigation Item is checked -->
<item android:color="@color/tenoBrandColor" android:state_pressed="true" />
<!-- This is the default text color -->
<item android:color="@color/textprimary" />
</selector>