Navigation Drawer - Slowly animate menu items

Question

I've implemented a DrawerLayout with this tutorial and everything works fine.

@Override
public boolean onPrepareOptionsMenu(Menu menu) {
    // if nav drawer is opened, hide the action items
    boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);
    menu.findItem(R.id.action_settings).setVisible(!drawerOpen);
    return super.onPrepareOptionsMenu(menu);
}

onPrepareOptionsMenu simply toggles the menu visibility in one shot. But I'd like to slowly animate the alpha value of my menu items as the drawer slides.

Hi ma'an, against your question , what you will show If you will hide action bar. — Tushar Pandey, Dec 19 '14 at 09:44
there is 2 ways to get the menu items views, using reflection or using custom views for menu items. — Mohammad Ersan, Dec 19 '14 at 10:13
check this link http://stackoverflow.com/questions/8614293/android-get-view-reference-to-a-menu-item — Mohammad Ersan, Dec 19 '14 at 10:14

score 2 · Accepted Answer · answered Dec 19 '14 at 09:53

i want it should be invisible slowly while opening the navigation drawer

A really simple way to accomplish this is to utilize View.findViewsWithText. Here's a quick example:

public class YourActivity extends Activity {

    /** Contains our {@linkplain MenuItem menu items} */
    private final ArrayList<View> mMenuItems = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ...
        // Initialize the drawer
        final DrawerLayout drawer = ...;
        drawer.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {

            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                super.onDrawerSlide(drawerView, slideOffset);
                animateMenuItems(slideOffset);
            }

        });

    }

    @Override
    public boolean onCreateOptionsMenu(final Menu menu) {
        // Add some dummy items
        menu.add("queue")
                .setIcon(R.drawable.ic_menu_queue)
                .setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
        menu.add("search")
                .setIcon(R.drawable.ic_menu_search)
                .setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);

        // Collect the menu items
        final ViewGroup decor = (ViewGroup) getWindow().getDecorView();
        decor.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

            @Override
            public void onGlobalLayout() {
                // Remove any installed layout listeners
                decor.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                // Find each MenuItem
                findMenuItems(decor, menu);
            }

        });
        return true;
    }

    /** Used to traverse the decor hierarchy to locate all the menu items */
    private void findMenuItems(ViewGroup decor, Menu menu) {
        final int size = menu.size();
        for (int i = 0; i < size; i++) {
            final CharSequence title = menu.getItem(i).getTitle();
            if (!TextUtils.isEmpty(title)) {
                decor.findViewsWithText(mMenuItems, title, View.FIND_VIEWS_WITH_CONTENT_DESCRIPTION);
            }
        }
    }

    /** Used to animate each {@link MenuItem} based on the offset */
    private void animateMenuItems(float slideOffset) {
        for (final View view : mMenuItems) {
            if (view != null) {
                view.setAlpha(1f - slideOffset);
            }
        }
    }

}

Results

http://www.gfycat.com/BriskLiquidGaur

Its a nice answer, but in case this may get a wrong view if the views have same text or with no text. — Mohammad Ersan, Dec 19 '14 at 15:29
Hey adneal , that's what i was looking for.with some minor changes its working perfect for me.thanks a lot for me your help.i am really thankful to you :-) — Buddy, Dec 19 '14 at 20:10

Navigation Drawer - Slowly animate menu items

1 Answers1

Linked