如何在Android中创建迷你抽屉菜单? [英] How to create mini-drawer menu in Android?

问题描述

我希望创建一个类似于Google示例中的迷你抽屉菜单:

I am looking to create a mini-drawer menu like in google example:

我试图创建一个始终保留在ParentLeft上的布局，并且菜单在打开时会溢出它，但看起来并不自然.有人知道我该怎么做吗?

I have tried to create a layout that always stays there on ParentLeft, and the menu to overflow it when it opens, but it does not look natural. Does anyone know how do I do it?

更新

我尝试了另一种方法.要聆听菜单滑动，并在菜单足够关闭时进行捕捉，则可以设置菜单大小，并保持图标可见，但文本消失了.

I have tried another way. To listen to menu sliding, and to catch when it is closed enough, then I can set menu size, and keep icons visible, but text to be gone.

@Override
        public void onDrawerSlide(float v, int i) {
            Log.d("onDrawerSlide", "v=" + v + " i=" + i);
            if (i<previewsI && decreasingCount > 3) {
                // check if menu is closed enough
                if (i <100 && i > 50) {
                    // change menu size, and force menu to keep opened
                    mDrawer.setMenuSize(Utils.dpToPx(70, getApplicationContext()));
                    mDrawer.openMenu();
                    // TODO: hide menu items title, and let only icons to be visible

                }
            }
            else if (i < previewsI)
                // make sure the menu is closing
                    decreasingCount++;

            previewsI = i;
        }

它有效，但不如我所愿.现在，我不得不重新平滑地打开它. 无论如何，我认为这不是一个优雅的解决方案.我确信那里肯定会有更好的人.

It works, but not as smooth as I wish. Now I'd have to mess with smoothly opening it again. Anyway, I don't think this is an elegant solution. I am sure there must be a better one out there.

推荐答案

我知道这是一个非常老的问题，并且我不确定您是否愿意使用库.但是 MaterialDrawer 库将提供 MiniDrawer 实现，包括转换为普通抽屉.

I know this is a very old question, and i'm not sure if you are willing to use a library. But the MaterialDrawer library would offer a MiniDrawer implementation including the transformation to a normal drawer.

如屏幕截图所示， MiniDrawer 也支持徽章，并且还带有 AccountSwitcher .还有其他一切.

As shown in the screenshot the MiniDrawer also supports badges, and it also comes with an AccountSwitcher. Also with everything else.

MiniDrawer 使用了允许淡入淡出效果的 Crossfader 库. 示例应用程序 Crossfader 库的还显示了如何使用 MaterialDrawer

The MiniDrawer uses the Crossfader library which allows the crossfade effect. The sample application of the Crossfader library also shows how to implement this with the MaterialDrawer

这是创建所示示例的代码(您也可以在

Here's the code which creates the shown sample (You can also find it over at the repository on GitHub):

DrawerBuilder builder = new DrawerBuilder()
        .withActivity(this)
        .withToolbar(toolbar)
        .withInnerShadow(true)
        .addDrawerItems(
                //.. add some items ..
        ) // add the items we want to use with our Drawer
        .withOnDrawerItemClickListener(new Drawer.OnDrawerItemClickListener() {
            @Override
            public boolean onItemClick(View view, int position, IDrawerItem drawerItem) {
                //some actions inside the listener

                return miniResult.onItemClick(drawerItem);
            }
        })
        .withSavedInstance(savedInstanceState);

// build the main drawer
result = builder.buildView();
// build the miniDrawer
miniResult = new MiniDrawer().withDrawer(result).withInnerShadow(true).withAccountHeader(headerResult);

//define the width of the normal drawer, and the minidrawer
int first = (int) UIUtils.convertDpToPixel(300, this);
int second = (int) UIUtils.convertDpToPixel(72, this);

//create the Crossfader used to hook the MiniDrawer and the normal drawer together. This also handles the crossfade effect.
crossFader = new Crossfader()
        .withContent(findViewById(R.id.crossfade_content))
        .withFirst(result.getSlider(), first)
        .withSecond(miniResult.build(this), second)
        .withSavedInstance(savedInstanceState)
        .build();

// inform the MiniDrawer about the crossfader.
miniResult.withCrossFader(new CrossfadeWrapper(crossFader));

这篇关于如何在Android中创建迷你抽屉菜单?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！