Home / Questions / 139882
Accepted
Bruno Sosa Fast Tag
Asked: 2020-02-21 05:59:40 +0800 CST 2020-02-21 05:59:40 +0800 CST

Menu Color Hamburger NavigationView Android

  • 772

Currently my menu looks black like the following image

enter image description here

And I would like it to be white, my xml is as follows:

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

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="330dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_main"
    app:menu="@menu/activity_main_drawer"
    android:background="@color/white"
    app:itemIconTint="@color/black"
    />

The back end is as follows

    public void MenuConfiguracion() {
        Toolbar toolbar = (Toolbar) findViewById(R.id.actionbar_toolbar);
        setSupportActionBar(toolbar);
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.bringToFront();
        drawer.requestLayout();


        final ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();
        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
        navigationView.bringToFront();
        navigationView.requestLayout();
}

The truth is that I don't realize where this color is set, I already tried changing my THEME, from Light to DarkLight as I saw in some questions but it didn't work for me,

I add new style

<style name="AppThemeMenu" parent="Theme.AppCompat.DayNight.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimary</item>
    <item name="colorAccent">@color/colorPrimary</item>
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>

</style>

in the XML

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="330dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_main"
    app:menu="@menu/activity_main_drawer"
    android:background="@color/white"
    android:theme="@style/AppThemeMenu"
    app:itemIconTint="@color/black"
    />
java

3 Answers

  1. Best Answer

    One option is to define the color in a style, inside styles.xml(there may be several in your project), add the named style DrawerIconand define the color white:

    <style name="DrawerIcon" parent="@style/Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/white</item>
</style>

    then check which theme uses the Activity that contains the NavigationDrawerinside your AndroidManifest.xml( android:theme="???") and add the style to this theme DrawerIcon.

    For example if your application uses the style AppThemethen here I must define the style DrawerIcon:

      <style name="AppTheme">
        ...
        ...
        ...

        <item name="drawerArrowStyle">@style/DrawerIcon</item>

  </style>

    Based on the above you can easily change the color of the "hamburger" icon:

    enter image description here

    enter image description here

    enter image description here

    • 3

  2. It works for me over writing the secondary text color in the toolbar theme

    <android.support.v7.widget.Toolbar
android:id="@+id/toolbar_main"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:theme="@style/mi_estilo"
app:layout_scrollFlags="scroll|enterAlways"
app:titleTextColor="@color/colorEncabezados"
app:popupTheme="@style/AppTheme.PopupOverlay">

    This goes in styles.xml

    <style name="mi_estilo" parent="AppTheme">
<item name="android:textColorSecondary">@color/colorAccent</item>
</style>
    • 1

  3. The first thing is to identify which is the style that drags you ToolBaror the activity where it is ToolBarand place this line

    <item name="colorControlNormal">@color/black</item>

    Font

    https://www.flipandroid.com/how-to-change-the-color-of-the-hamburger-icon-in-the-material-design-navigation-drawer.html

    • 0