How to customize item background and item text color inside NavigationView?

by

itemBackground, itemIconTint and itemTextColor are simple xml-attributes that can be set, though you have to use a custom prefix instead of the android: one.

Example

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- Other layout views -->

    <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:itemBackground="@drawable/my_ripple"
        app:itemIconTint="#2196f3"
        app:itemTextColor="#009688"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/drawer_view" />

</android.support.v4.widget.DrawerLayout>

Note: In this case the text color, icon tint and background are static. If you want to change the color of the text (e.g. pink when unchecked and teal when checked) you should use a ColorStateList.

Example

Create a new *.xml file in /res/color – let’s name it state_list.xml – with the following content:

<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>

and then simply reference it like this: app:itemTextColor="@color/state_list"

The same goes for itemIconTint. itemBackground expects a resource id. See the docs as well.

More Related Contents:

  1. NavigationView get/find header layout
  2. How to create a simple divider in the new NavigationView?
  3. NavigationView and custom Layout
  4. How to change the new TabLayout indicator color and height
  5. NavigationView menu items with counter on the right
  6. How to use a TabLayout with Toolbar inside CollapsingToolbarLayout?
  7. TextInputLayout not showing EditText hint before user focus on it
  8. How I can remove the unnecessary top padding of the Navigation view?
  9. How to set custom typeface to items in NavigationView?
  10. FloatingActionButton doesn’t hide
  11. Disable icon colorStateList in NavigationView
  12. Change Navigation View Item Color Dynamically Android
  13. CollapsingToolbarLayout setTitle() does not update unless collapsed
  14. How to implement endless list with RecyclerView?
  15. How to change progress bar’s progress color in Android
  16. Android Material Design Button Styles
  17. How to provide shadow to Button
  18. How do I import material design library to Android Studio?
  19. Creating a SearchView that looks like the material design guidelines
  20. Error inflating class android.support.v7.widget.Toolbar?
  21. Toolbar overlapping below status bar
  22. Android How to implement Bottom Sheet from Material Design docs
  23. Selected tab’s color in Bottom Navigation View
  24. How to add “Android Design Support Library” to Eclipse with ADT-plugin?
  25. How to set text to view from drawer header layout in navigation drawer without inflating view
  26. how to highlight the selected Item of Recycler View?
  27. Compatiblity of Material Design to versions below Android 5.0?
  28. FAB animation with viewpager/tabslider
  29. Rounded corners on material button
  30. Android support v23.1.0 update breaks NavigationView get/find header

Leave a Comment