DrawerLayout仿QQ侧滑菜单

最新推荐文章于 2019-07-29 11:28:00 发布

残梦之翼

最新推荐文章于 2019-07-29 11:28:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.csdn.net/qq_32938483/article/details/79578926

Android 专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何使用DrawerLayout实现侧滑菜单效果，包括主界面布局设置、菜单栏初始化及手势滑动效果调整等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DrawerLayout是Support Library包中实现了侧滑菜单效果的控件，drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

效果图如下：

主界面布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_main"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

    </android.support.v7.widget.RecyclerView>

    <fragment
        android:name="com.yz.tool.view.fragment.MenuFragmrnt"
        android:layout_width="250dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:tag="Left" />

</android.support.v4.widget.DrawerLayout>

说明：官网推荐将DrawerLayout作为根布局，否则可能会出现触摸事件被屏蔽的问题；RecyclerView主内容区的内容要放在侧滑菜单布局的前面, 因为 XML 顺序意味着按 z 序（层叠顺序）排序。这里菜单栏使用的fragment，name绑定name，MenuFragmrnt就是侧滑出来的菜单，在MenuFragmrnt的XML文件写侧滑菜单的布局。

初始化菜单栏

 private void initMenu() {
        //屏幕保持高亮，不被侧滑菜单遮盖
        drawerLayout.setScrimColor(0x00ffffff);
        drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                //滑动过程中不断回调 slideOffset:0~1
                View content = drawerLayout.getChildAt(0);
                float scale = 1 - slideOffset;//1~0
                content.setTranslationX(drawerView.getMeasuredWidth() * (1 - scale));//0~width
            }

            @Override
            public void onDrawerOpened(View drawerView) {

            }

            @Override
            public void onDrawerClosed(View drawerView) {

            }

            @Override
            public void onDrawerStateChanged(int newState) {

            }
        });
    }