Clever Geek Handbook

Changing Hamburg Action Bar Rotating Arrow Not Working Icon When Opening Navigation Drawer in Android

I am using navigation drawer in my android app, its working mode.

I want to add Animation for Open and Close Navigation Drawer .

Animation:

1. Arrow , Hide Hamburger is displayed in the drawer for opening the window .

2.Closing-Again Show Hamburger , Hide Arrow .

While opening and closing must be rotated. I tried some code that doesn't work.

Please help me to do this.

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>

I tried this, the link I called

import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;


//for Navigation Bar
        DrawerLayout drawerLayout;
        ListView listView;
        String[] drawerlist;
        ActionBarDrawerToggle drawerListener;

        private MyAdapter4 myAdapter4;

@Override
    protected void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.alerts);




                //navigation initialize
                        drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
                        listView = (ListView) findViewById(R.id.drawerList);
                        drawerlist = getResources().getStringArray(R.array.drawerlist);

                        myAdapter4 = new MyAdapter4(this);
                        listView.setAdapter(myAdapter4);

                        //for navigation click

                        listView.setOnItemClickListener(new DrawerItemClickListener());

                        //Navigation Bar starts

                        drawerListener = new ActionBarDrawerToggle
                       (this, drawerLayout, R.drawable.ic_drawer, 
                                    R.string.drawer_open, R.string.drawer_close)
                        {

                            public void onDrawerClosed(View drawerView)
                            {
                                super.onDrawerClosed(drawerView);
                            }

                            public void onDrawerOpened(View drawerView)
                            {
                                super.onDrawerOpened(drawerView);
                            }
                        };

                            drawerLayout.setDrawerListener(drawerListener);
                            getSupportActionBar().setHomeButtonEnabled(true);
                            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            }

My navigation box Code

+3


source to share


2 answers


Below is a sample code for getting a Hamburg design navigation drawer

import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;

    public class MainActivity extends AppCompatActivity{
    DrawerLayout drawerLayout;
    ActionBarDrawerToggle toggle;
    private ArrayList<DrawerItem> drawerItems = new ArrayList<>();
    private ListView mDrawerList;
    private DrawerListAdapter mAdapter;

@Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mDrawerList = (ListView)findViewById(R.id.left_drawer_list);
    addDrawerItems();

/**Drawer Initialization*/
    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
    toggle = new ActionBarDrawerToggle
            (
                    this,
                    drawerLayout,
                    R.string.navigation_drawer_open,
                    R.string.navigation_drawer_close
            )
    {
        @Override
        public void onDrawerOpened(View drawerView) {
            super.onDrawerOpened(drawerView);
            getSupportActionBar().hide();
        }

        @Override
        public void onDrawerClosed(View drawerView) {
            super.onDrawerClosed(drawerView);
            getSupportActionBar().show();
        }
    };
    drawerLayout.setDrawerListener(toggle);
    toggle.syncState();
}

 private void addDrawerItems() {
    drawerItems.add(new DrawerItem("ALL"));
    drawerItems.add(new DrawerItem("FAVOURITES"));
    drawerItems.add(new DrawerItem("FILTERS"));
    drawerItems.add(new DrawerItem("SETTINGS"));

     DrawerListAdapter adapter = new DrawerListAdapter(this, drawerItems);
            mDrawerList.setAdapter(adapter);
            mDrawerList.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
                ///Write your listener here

            }});
        }
}

Check the imports to see the libraries I have.



My library version number v7 compiles 'com.android.support:appcompat-v7:22.1.1'

UPDATE: add below to your strings.xml file

<string name="navigation_drawer_open">Open navigation drawer</string>
<string name="navigation_drawer_close">Close navigation drawer</string>
+5


source


Update your SDK framework to the latest version (current is API 22) and set the project build target (appcompat_v7) to API 22.



+3


source






More articles:


All Articles