DrawerLayout（侧滑栏）详解，仿QQ消息列表（置顶、删除）

置顶、删除）"/>

DrawerLayout（侧滑栏）详解，仿QQ消息列表（置顶、删除）

文章目录

• 前言
• DrawerLayout的单独使用（简单使用）
• • • • 效果图
      • 具体实现
      • 补充
• DrawerLayout搭配RecycleView实现列表侧滑菜单的使用（仿QQ消息列表）
• • • • 效果图
      • 具体实现

前言

本篇文章大致可分为三个部分（可选择性阅读）：
一：DrawerLayout的单独使用（简单使用）
二：DrawerLayout搭配RecycleView实现列表侧滑菜单的使用（仿QQ消息列表）

DrawerLayout的单独使用（简单使用）

效果图

图中实现的效果汇总：
1.左右侧滑的实现
2.点击按钮打开侧滑栏（单个）
3.点击按钮关闭所有侧滑栏（以及单个关闭）

具体实现

XML布局
这里需要注意
1.内容区（也就是你不用任何操作显示的区域），布局需要设置成占满父布局match_parent
2.两侧的侧滑栏布局的LinearLayout需要给到android:layout_gravity="start(end)"属性

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android=""android:id="@+id/drawer_layout"android:layout_width="match_parent"android:layout_height="match_parent"><!--内容区--><LinearLayoutandroid:id="@+id/view_content"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical"><ImageViewandroid:layout_width="100dp"android:layout_height="100dp"android:src="@mipmap/ic_launcher" /><Buttonandroid:id="@+id/btn_open"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="打开侧滑栏" /></LinearLayout><!--左侧滑区--><LinearLayoutandroid:id="@+id/view_left"android:layout_width="200dp"android:layout_height="match_parent"android:layout_gravity="start"android:background="#3F51B5"android:gravity="center"android:orientation="vertical"><Buttonandroid:id="@+id/btn_close"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="关闭所有侧滑栏" /><Buttonandroid:id="@+id/btn_left_close"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="关闭当前侧滑栏" /></LinearLayout><!--右侧滑区--><LinearLayoutandroid:id="@+id/view_right"android:layout_width="200dp"android:layout_height="match_parent"android:layout_gravity="end"android:background=