Android使用DrawerLayout控件实现菜单侧滑

侧滑菜单实现教程

最新推荐文章于 2022-08-04 22:50:56 发布

原创最新推荐文章于 2022-08-04 22:50:56 发布 · 476 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android开发同时被 2 个专栏收录

23 篇文章

订阅专栏

移动开发

3 篇文章

订阅专栏

本文详细介绍了如何在Android应用中实现侧滑菜单功能，包括使用DrawerLayout布局、创建MenuFragment以及在MainActivity中进行相关设置。通过这些步骤，开发者可以轻松地为应用添加左滑或右滑的菜单栏。

1.新建一个Activity 最外层使用DrawerLayout包裹

DrawerLayout里部可创建一个LinearLayout LinearLayout的宽高都设置为match_parent

LinearLayout里可以写当前页面要显示的布局

在LinearLayout下方创建一个fragment (并列关系)

<fragment
    android:id="@+id/fg_menu"
    android:name="XXX.MenuFragment"
    android:layout_width="300dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:tag="LEFT"
    tools:layout="@layout/fragment_menu" />

PS: fragment里的layout_gravity代表方向 start表示从左边滑出 end代表从右边滑出

2.创建MenuFragment

单独创建一个布局文件显示菜单栏要显示的东西

创建MenuFragment使其继承Fragment 这个布局的逻辑全部在MenuFragment里实现

在MenuFragment里点击菜单栏按钮实现菜单栏关闭的话

要在MenuFragment里定义一个变量 DrawerLayout drawerLayout

定义一个方法

public void setDrawerLayout(DrawerLayout drawerLayout){
    this.drawerLayout = drawerLayout;
}

PS: 这个方法会在MainActivity里调用

在MenuFragment里关闭菜单的方法：drawerLayout.closeDrawer(Gravity.START)

PS:START代表左边 END代表右边

3.MainActivity里的逻辑

private FragmentManager fManager;
MenuFragment menuFragment;

fManager = getSupportFragmentManager();
menuFragment = (MenuFragment) fManager.findFragmentById(R.id.fg_menu);

menuFragment.setDrawerLayout(drawerLayout);

如果是左滑

drawerLayout.openDrawer(Gravity.START);

如果是右滑

drawer_layout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED,
        Gravity.END);

drawer_layout.setDrawerListener(new DrawerLayout.DrawerListener() {
    @Override
    public void onDrawerSlide(View view, float v) {

    }

    @Override
    public void onDrawerOpened(View view) {

    }

    @Override
    public void onDrawerClosed(View view) {
        drawer_layout.setDrawerLockMode(
                DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.END);
    }

    @Override
    public void onDrawerStateChanged(int i) {

    }
});

右滑显示：

drawer_layout.openDrawer(Gravity.END);
drawer_layout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED,
        Gravity.END);    //解除锁定

右滑关闭：

drawer_layout.closeDrawer(Gravity.END);