导语

侧滑控件，以前大家用的可能是三方的SlidingMenu控件，最近在看谷歌源码项目，意外的看到一个 DrawerLayout 控件。上网一查，原来这个控件是官方给我们提供的一个侧滑菜单控件。既然谷歌已经提供了一个侧滑控件，我们又何必去用一个三方的SlidingMenu控件来实现相同的效果。于是，我决定自己手敲一个Demo来实现看看。

1、DrawerLayout效果图

2、DrawerLayout 的介绍

DrawerLayout的官方文档介绍链接：http://androiddoc.qiniudn.com/reference/android/support/v4/widget/DrawerLayout.html

DrawerLayout 类的结构图如下：

官方中文简介大概如下：

DrawerLayout作为窗口内容的顶层容器，允许从窗口的一个或两个垂直边缘拉出交互式“抽屉”视图。

抽屉定位和布局使用android:layout_gravity 子视图对应的属性进行控制，对应于您希望抽屉从哪个侧面出现：左侧或右侧（或支持布局方向的平台版本上的开始/结束）。请注意，您只能窗口的每个垂直边缘的一个抽屉视图。如果您的布局在窗口的每个垂直边缘配置多个抽屉视图，则会在运行时抛出异常。

3、DrawerLayout 的使用

一般使用 DrawerLayout 侧滑菜单，可以通过 Toolbar + DrawerLayout来实现。

在res/layout 中，新建一个toolbar.xml文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/tl_custom"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="?attr/colorPrimary"
  android:minHeight="?attr/actionBarSize"
  android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
  app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
</android.support.v7.widget.Toolbar>

在新建一个drawerlayout.xml布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/dl_left"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <!--主布局-->
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  </LinearLayout>
  <!--侧滑菜单-->
  <RelativeLayout
    android:layout_width="180dp"
    android:clickable="true"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:background="#fff"
    >

    <LinearLayout
      android:id="@+id/ll_home_navigation_top"
      android:layout_width="match_parent"
      android:layout_height="120dp"
      android:layout_alignParentTop="true"
      android:background="@color/colorPrimary"
      android:gravity="center"
      android:orientation="vertical">

      <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@mipmap/ic_launcher" />
    </LinearLayout>

    <ListView
      android:id="@+id/lv_left_menu"
      android:layout_below="@id/ll_home_navigation_top"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:divider="@null"
      android:text="DrawerLayout" />
  </RelativeLayout>
</android.support.v4.widget.DrawerLayout>

主布局activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity">
  <!--Toolbar-->
  <include layout="@layout/custom_toolbar" />
  <!--DrawerLayout-->
  <include layout="@layout/custom_drawerlayout" />
</LinearLayout>

MainActivity.java：

public class MainActivity extends AppCompatActivity {

  protected boolean statusBarCompat = true;
  private static long DOUBLE_CLICK_TIME = 0L;

  //声明相关变量
  private Toolbar toolbar;
  private DrawerLayout mDrawerLayout;
  private ActionBarDrawerToggle mDrawerToggle;
  private ListView lvLeftMenu;
  private String[] lvs = {"Android", "iOS", "Python", "Html5", "Java"};
  private ArrayAdapter arrayAdapter;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    if (statusBarCompat) {
      StatusBarCompat.compat(this, ContextCompat.getColor(this, R.color.colorPrimary));
      transparent19and20();
    }

    findViews(); //获取控件

    toolbar.setTitle("Drawerlayout");//设置Toolbar标题
    toolbar.setTitleTextColor(Color.parseColor("#ffffff")); //设置标题颜色
    setSupportActionBar(toolbar);
    getSupportActionBar().setHomeButtonEnabled(true); //设置返回键可用
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    //创建返回键，并实现打开关/闭监听
    mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.open, R.string.close) {
      @Override
      public void onDrawerOpened(View drawerView) {
        super.onDrawerOpened(drawerView);
      }
      @Override
      public void onDrawerClosed(View drawerView) {
        super.onDrawerClosed(drawerView);
      }
    };
    mDrawerToggle.syncState();
    mDrawerLayout.addDrawerListener(mDrawerToggle);
    //设置菜单列表
    arrayAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, lvs);
    lvLeftMenu.setAdapter(arrayAdapter);

    lvLeftMenu.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(MainActivity.this, "点击"+position , Toast.LENGTH_SHORT).show();
      }
    });

  }
  //返回键监听
  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (event.getKeyCode() == KeyEvent.KEYCODE_MENU && mDrawerLayout != null) {
      if (mDrawerLayout.isDrawerOpen(Gravity.LEFT)) {
        mDrawerLayout.closeDrawer(Gravity.LEFT);
      } else {
        mDrawerLayout.openDrawer(Gravity.LEFT);
      }
      return true;
    } else if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {
      if (mDrawerLayout.isDrawerOpen(Gravity.LEFT)) {
        mDrawerLayout.closeDrawer(Gravity.LEFT);
      } else {
        if ((System.currentTimeMillis() - DOUBLE_CLICK_TIME) > 2000) {
          Toast.makeText(MainActivity.this, "再按一次退出", Toast.LENGTH_SHORT).show();
          DOUBLE_CLICK_TIME = System.currentTimeMillis();
        } else {
          finish();
        }
      }
      return true;
    }
    return super.onKeyDown(keyCode, event);
  }

  protected void transparent19and20() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
        && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
  }

  private void findViews() {
    toolbar = (Toolbar) findViewById(R.id.tl_custom);
    mDrawerLayout = (DrawerLayout) findViewById(R.id.dl_left);
    lvLeftMenu = (ListView) findViewById(R.id.lv_left_menu);
  }
}

本文的源码，如果谁有兴趣要的，直接关注微信公众号后台回复：侧滑 或者DrawerLayout 。

4、总结

本文创作时间为4个小时，原创不易，如果哪里有错误或者写作意见，请帮忙指正和提醒，谢谢，大家共同进步！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android侧滑控件  # android  # 侧滑DrawerLayout  # 侧滑菜单  # Android侧滑菜单之DrawerLayout用法详解  # Android布局控件DrawerLayout实现完美侧滑效果  # Android使用DrawerLayout仿QQ6.0双侧滑菜单  # Android侧滑菜单控件DrawerLayout使用详解  # Android原生侧滑控件DrawerLayout使用方法详解  # Android中DrawerLayout实现侧滑菜单效果  # Android中DrawerLayout+ViewPager滑动冲突的解决方法  # Android DrawerLayout实现侧拉菜单功能  # Android DrawLayout结合ListView用法实例  # 来实现  # 边缘  # 三方  # 新建一个  # 拉出  # 您的  # 多个  # 结构图  # 给我们  # 可以通过  # 有兴趣  # 请注意  # 时间为  # 则会  # 抛出  # 大家多多  # 再按  # 有错误  # 请帮忙  # 共同进步 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  如何在阿里云部署织梦网站？  高防服务器租用指南：配置选择与快速部署攻略  用v-html解决Vue.js渲染中html标签不被解析的问题  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何用花生壳三步快速搭建专属网站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  大同网页,大同瑞慈医院官网？  黑客如何通过漏洞一步步攻陷网站服务器？  高端建站如何打造兼具美学与转化的品牌官网？  如何在云服务器上快速搭建个人网站？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  宙斯浏览器文件分类查看教程 快速筛选视频文档与图片方法  EditPlus中的正则表达式 实战(4)  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  Laravel如何处理和验证JSON类型的数据库字段  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  如何快速生成ASP一键建站模板并优化安全性？  php结合redis实现高并发下的抢购、秒杀功能的实例  nodejs redis 发布订阅机制封装实现方法及实例代码  如何在万网主机上快速搭建网站？  QQ浏览器网页版登录入口 个人中心在线进入  如何在七牛云存储上搭建网站并设置自定义域名？  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  高性价比服务器租赁——企业级配置与24小时运维服务  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  海南网站制作公司有哪些,海口网是哪家的？  如何在宝塔面板中创建新站点？  Laravel中的Facade(门面)到底是什么原理  如何在IIS中新建站点并解决端口绑定冲突？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  如何在阿里云服务器自主搭建网站？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  利用python获取某年中每个月的第一天和最后一天  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  如何在阿里云完成域名注册与建站？  再谈Python中的字符串与字符编码（推荐）  Laravel如何实现一对一模型关联？（Eloquent示例）  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  如何快速搭建个人网站并优化SEO？