How to implement DrawerArrowToggle from Android appcompat v7 21 library

by

First, you should know now the android.support.v4.app.ActionBarDrawerToggle is deprecated.

You must replace that with android.support.v7.app.ActionBarDrawerToggle.

Here is my example and I use the new Toolbar to replace the ActionBar.

MainActivity.java

public class MainActivity extends ActionBarActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(mToolbar);
    DrawerLayout mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(
        this,  mDrawerLayout, mToolbar,
        R.string.navigation_drawer_open, R.string.navigation_drawer_close
    );
    mDrawerLayout.setDrawerListener(mDrawerToggle);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
    mDrawerToggle.syncState();
}

styles.xml 

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

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

You can read the documents on AndroidDocument#DrawerArrowToggle_spinBars

This attribute is the key to implement the menu-to-arrow animation.

public static int DrawerArrowToggle_spinBars

Whether bars should rotate or not during transition
Must be a boolean value, either “true” or “false”.

So, you set this: <item name="spinBars">true</item>.

Then the animation can be presented.

Hope this can help you.

More Related Contents:

  1. Android Lollipop, AppCompat ActionBar custom view doesn’t take up whole screen width
  2. Null pointer exception with “setDisplayHomeAsUpEnabled(boolean)” [duplicate]
  3. This Activity already has an action bar supplied by the window decor
  4. Android transparent status bar and actionbar
  5. Action bar navigation modes are deprecated in Android L
  6. Actionbar not shown with AppCompat
  7. Creating a Preference Screen with support (v21) Toolbar
  8. Change Toolbar color in Appcompat 21
  9. Toolbar and Contextual ActionBar with AppCompat-v7
  10. The application icon does not show on action bar
  11. Custom Translucent Android ActionBar
  12. Android 5.0: how to change recent apps title color?
  13. Set ActionBar Tabs at bottom in ActionBarActivity
  14. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  15. Android v21 Theme.Appcompat color accent is ignored, no padding on dialogs
  16. How animate Burger to Arrow with Appcompat v7 21, Toolbar and DrawerLayout
  17. How to use setOutlineProvider instead of setOutline in Lollipop
  18. Action bar icon showing solid gray square in android
  19. Display back button on action bar
  20. Hiding the ActionBar on RecyclerView/ListView onScroll
  21. Android-L CardView Visual Touch Feedback
  22. Android: getSupportActionBar() always returns null in ActionBarSherlock library
  23. Don’t collapse Toolbar when RecyclerView fits the screen
  24. Navigation Drawer with backword compatibility android
  25. java.lang.NoClassDefFoundError: Failed resolution of: Landroid/support/v4/os/BuildCompat
  26. How to add button in ActionBar(Android)?
  27. Android L ripple touch effect on shape?
  28. Manage toolbar’s navigation and back button from fragment in android
  29. Android action bar like twitter sample
  30. ActionBar pre Honeycomb

Leave a Comment