欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-19 08:14:10
导语 侧滑控件,以前大家用的可能是三方的slidingmenu控件,最近在看谷歌源码项目,意外的看到一个 drawerlayout 控件。上网一查,原来这个控件是官方给我...

导语

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

1、drawerlayout效果图

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

2、drawerlayout 的介绍

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

drawerlayout 类的结构图如下:

Android官方的侧滑控件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个小时,原创不易,如果哪里有错误或者写作意见,请帮忙指正和提醒,谢谢,大家共同进步!

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

上一篇:

下一篇: