Android官方的侧滑控件DrawerLayout的示例代码

导语

侧滑控件，以前大家用的可能是三方的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用法实例  # 来实现  # 边缘  # 三方  # 新建一个  # 拉出  # 您的  # 多个  # 结构图  # 给我们  # 可以通过  # 有兴趣  # 请注意  # 时间为  # 则会  # 抛出  # 大家多多  # 再按  # 有错误  # 请帮忙  # 共同进步 

相关文章： 广州美橙建站如何快速搭建多端合一网站？  如何通过虚拟机搭建网站？详细步骤解析  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  Python路径拼接规范_跨平台处理说明【指导】  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何快速查询网站的真实建站时间？  宝塔新建站点为何无法访问？如何排查？  建站之星云端配置指南：模板选择与SEO优化一键生成  如何通过万网虚拟主机快速搭建网站？  建站之星导航如何优化提升用户体验？  活动邀请函制作网站有哪些,活动邀请函文案？  如何快速生成ASP一键建站模板并优化安全性？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  如何选择最佳自助建站系统？快速指南解析优劣  如何通过远程VPS快速搭建个人网站？  如何在万网主机上快速搭建网站？  如何在阿里云域名上完成建站全流程？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  网站制作需要会哪些技术,建立一个网站要花费多少？  如何在香港服务器上快速搭建免备案网站？  如何配置FTP站点权限与安全设置？  如何在搬瓦工VPS快速搭建网站？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何用花生壳三步快速搭建专属网站？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  建站之星如何防范黑客攻击与数据泄露？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何撰写建站申请书？关键要点有哪些？  建站之星安装步骤有哪些常见问题？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何在Windows 2008云服务器安全搭建网站？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  定制建站如何定义？其核心优势是什么？  建站主机服务器选购指南：轻量应用与VPS配置解析  建站之星伪静态规则如何设置？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  如何通过PHP快速构建高效问答网站功能？  宝塔建站后网页无法访问如何解决？  常州自助建站工具推荐：低成本搭建与模板选择技巧  北京制作网站的公司,北京铁路集团官方网站？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  网站app免费制作软件,能免费看各大网站视频的手机app？  如何在腾讯云免费申请建站？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何快速搭建高效简练网站？  建站之星后台密码遗忘？如何快速找回？  建站之星上传入口如何快速找到？  建站之星好吗？新手能否轻松上手建站？  如何快速打造个性化非模板自助建站？  5种Android数据存储方式汇总