Hamburger icon without ActionBar not with Transparent Action Bar

Question

I want to have a Hamburger icon on my activity without the action bar. I have seen examples to do this with transparent action bar but i don't want it to be transparent one. I actually do want to add the action bar and if i click the hamburger icon it should show the Navigation Drawer. The layout is similar to Uber Android app. For reference i am also posting an image with red marked. Please help me to implement the same.

you need a transparent toolbar, which you can do by changing the color of toolbar — Amit Upadhyay, Feb 16 '18 at 06:04
Possible duplicate of [Transparent action bar and status bar like Uber](https://stackoverflow.com/questions/43950361/transparent-action-bar-and-status-bar-like-uber) — Reaz Murshed, Feb 16 '18 at 06:05

score 8 · Accepted Answer · edited Mar 18 '19 at 13:05

8

Just add a view on top|left corner of root view and on click that view just open navigation drawer

DrawerLayout drawer = findViewById(R.id.drawer_layout);

if (!drawer.isDrawerOpen(GravityCompat.START)) {
    drawer.openDrawer(GravityCompat.START);
} else {
    drawer.closeDrawer(GravityCompat.START);
}

edited Mar 18 '19 at 13:05

sam

1,800
1
25
47

answered Feb 16 '18 at 06:13

Salman Aziz

191
4

Thanx a lot for the solution. – sam Feb 16 '18 at 06:15
1

this is a proper solution and not rotating – niketshah09 Feb 16 '18 at 06:53

score 2 · Answer 2 · edited Feb 16 '18 at 09:59

<?xml version="1.0" encoding="UTF-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1600"
    android:fromDegrees="0"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="1"
    android:toDegrees="360" />

Uber has transparent actionBar or toolbar... you can achieve that by both ways

Keeping your icon on the transparent actionbar/toolbar ... go through this link .. Material Design Transparent ActionBar
Without using actionbar just placing the icon and opening the drawer at its click.. and handling the rotating animation at click and then changing the hamburger icon to back button at the animation end.. rotate anim like this at onClick of icon..

Hamburger icon without ActionBar not with Transparent Action Bar

2 Answers2