DrawerLayout(抽屉布局) 的简单使用

under Android  tag     Published on June 20th , 2021 at 04:31 pm

DrawerLayout

允许从窗口的一个或两个垂直边缘拉出交互式“抽屉”视图,实现侧边菜单的动画效果。

抽屉布局分为两块:主内容块和抽屉块。主内容块是没有被控制的视图,抽屉块是被控制可展开和关闭的视图。

注意事项:

  1. 布局最外层的控件必须是 DrawerLayout
  2. 主内容块的宽高必须是 match_parent,抽屉块的宽高最好也是 match_parent
  3. 窗口的左右边缘只能存在一个从抽屉视图,如果给某个边缘配置多个抽屉视图会报错
  4. 设置被控制的视图需要在其中添加 android:layout_gravity属性,android:layout_gravity="start",从左向右滑出菜单;android:layout_gravity="end",从右向左滑出菜单
  5. DrawerLayout.DrawerListener:用于监视有关抽屉的事件的侦听器

效果图:

drawerLayout.gif


activity_main.xml

布局最外层控件是 DrawerLayout

android:layout_marginLeft="-65dp"
这句代码会让抽屉块全屏显示,不需要全屏显示不加这句就行了

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/dl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!--  主内容块  -->
    <TextView
        android:id="@+id/tv_open"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击展开 DrawerLayout" />

    <!--  抽屉块  -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:layout_marginLeft="-65dp"
        android:background="@color/colorWhite">

        <TextView
            android:id="@+id/tv_close"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="点击关闭" />
    </LinearLayout>
</androidx.drawerlayout.widget.DrawerLayout>

MainActivity.java

我这里用了 viewBinding,只是绑定控件的作用,想了解可以点击 ViewBinding,不想就 findViewById() 吧。

openDrawer() 和 closeDrawer() 是打开和关闭抽屉块的,加不加这两个方法都不影响手势侧滑打开和关闭抽屉块,如果状态是锁定,手势打开和关闭就没有用了,必须要通过这两个方法才能打开和关闭抽屉块

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding viewBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        viewBinding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(viewBinding.getRoot());
        viewBinding.tvOpen.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 打开抽屉
                viewBinding.dl.openDrawer(Gravity.LEFT);
            }
        });

        viewBinding.tvClose.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 关闭抽屉
                viewBinding.dl.closeDrawer(Gravity.LEFT);
            }
        });

        // 添加监听事件
        viewBinding.dl.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(@NonNull View drawerView, float slideOffset) {
                // 当抽屉的位置改变时调用
            }

            @Override
            public void onDrawerOpened(@NonNull View drawerView) {
                // 当抽屉处于完全打开状态时调用
            }

            @Override
            public void onDrawerClosed(@NonNull View drawerView) {
                // 当抽屉处于完全关闭状态时调用
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                // 当抽屉运动状态改变时调用
            }
        });
    }
}

本文由 surface 创作,采用 知识共享署名4.0 国际许可协议进行许可,转载前请务必署名
  文章最后更新时间为:September 29th , 2021 at 04:37 pm
分享到:Twitter  Weibo  Facebook