Android使用DrawerLayout实现侧滑菜单效果

概述一、概述DrawerLayout是一个可以方便的实现Android侧滑菜单的组件，我最近开发的项目中也有一个侧滑菜单的功能，于是DrawerLayout就派上用场了。如果你从未使用过DrawerLayout，那么本篇博客将使用一个简单的案例带

一、概述

DrawerLayout是一个可以方便的实现AndroID侧滑菜单的组件，我最近开发的项目中也有一个侧滑菜单的功能，于是DrawerLayout就派上用场了。如果你从未使用过DrawerLayout，那么本篇博客将使用一个简单的案例带你迅速掌握DrawerLayout的用法。

二、效果图

三、代码实现

主布局activity_main.xml

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:app="http://schemas.androID.com/apk/res-auto" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:background="@androID:color/white" androID:fitsSystemwindows="true" androID:orIEntation="vertical"> <androID.support.v7.Widget.Toolbar androID:ID="@+ID/toolbar" androID:layout_wIDth="match_parent" androID:layout_height="wrap_content" androID:background="@color/blueStatus" androID:minHeight="?attr/actionbarSize" app:navigationIcon="?attr/homeAsUpIndicator" app:theme="@style/theme.AppCompat.NoActionbar"> </androID.support.v7.Widget.Toolbar> <include layout="@layout/Title_layout" /> <androID.support.v4.Widget.DrawerLayout xmlns:tools="http://schemas.androID.com/tools" androID:ID="@+ID/drawer_layout" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" tools:openDrawer="start"> <ListVIEw  androID:ID="@+ID/ListVIEw"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent" /> <linearLayout  androID:layout_wIDth="260dp"  androID:layout_height="match_parent"  androID:layout_gravity="right">  <include layout="@layout/drawer_content" /> </linearLayout> </androID.support.v4.Widget.DrawerLayout></linearLayout>

To use a DrawerLayout,position your primary content vIEw as the first child with a wIDth and height of match_parent. Add drawers as child vIEws after the main content vIEw and set the layout_gravity appropriately. Drawers commonly use match_parent for height with a fixed wIDth.

当你使用DrawerLayout的时候，DrawerLayout的第一个元素就是主要内容区域（在本案例中是ListVIEw），它的宽高必须是match_parent。

在主要内容区域的后面添加侧滑视图（在本案例中是drawer_content.xml），并且通过设置layout_gravity来决定它是左滑还是右滑，通常这个侧滑视图的高度设为match_parent。

drawer_content.xml

<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  androID:background="@color/background"  androID:orIEntation="vertical"  androID:padding="@dimen/activity_horizontal_margin">  <TextVIEw      androID:layout_wIDth="wrap_content"   androID:layout_height="40dp"   androID:text="船中文名" />  <EditText      androID:layout_wIDth="match_parent"   androID:layout_height="40dp"   androID:background="@drawable/btn_round_white"   androID:padding="@dimen/margin_8" />  <TextVIEw      androID:layout_wIDth="wrap_content"   androID:layout_height="40dp"   androID:text="船英文名" />  <EditText      androID:layout_wIDth="match_parent"   androID:layout_height="40dp"   androID:background="@drawable/btn_round_white"   androID:padding="@dimen/margin_8" />  <TextVIEw      androID:layout_wIDth="wrap_content"   androID:layout_height="40dp"   androID:text="呼号" />  <EditText      androID:layout_wIDth="match_parent"   androID:layout_height="40dp"   androID:background="@drawable/btn_round_white"   androID:padding="@dimen/margin_8" />  <TextVIEw      androID:layout_wIDth="wrap_content"   androID:layout_height="40dp"   androID:text="IMO" />  <EditText      androID:layout_wIDth="match_parent"   androID:layout_height="40dp"   androID:background="@drawable/btn_round_white"   androID:padding="@dimen/margin_8" />  <TextVIEw      androID:layout_wIDth="wrap_content"   androID:layout_height="40dp"   androID:text="MMSI" />  <EditText      androID:layout_wIDth="match_parent"   androID:layout_height="40dp"   androID:background="@drawable/btn_round_white"   androID:padding="@dimen/margin_8" />  <relativeLayout   androID:layout_wIDth="match_parent"   androID:layout_height="0dp"   androID:layout_weight="1">   <button    androID:ID="@+ID/btn_confirm"        androID:layout_wIDth="80dp"    androID:layout_height="36dp"    androID:layout_alignParentRight="true"    androID:layout_centerInParent="true"    androID:layout_gravity="center_vertical"    androID:background="@drawable/btn_round_red"    androID:gravity="center"    androID:text="查询"    androID:textcolor="@color/white" />  </relativeLayout> </linearLayout>

这个布局文件就是侧滑视图，如图：

MainActivity.java

package com.leohan.drawerlayoutdemo;import androID.os.Bundle;import androID.support.v4.vIEw.GravityCompat;import androID.support.v4.Widget.DrawerLayout;import androID.support.v7.app.AppCompatActivity;import androID.support.v7.Widget.Toolbar;import androID.vIEw.Gravity;import androID.vIEw.VIEw;import androID.Widget.button;import androID.Widget.ImageVIEw;import androID.Widget.linearLayout;import androID.Widget.ListVIEw;import androID.Widget.TextVIEw;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import butterknife.ButterKnife;import butterknife.InjectVIEw;import butterknife.OnClick;public class MainActivity extends AppCompatActivity { @InjectVIEw(R.ID.toolbar) Toolbar toolbar; @InjectVIEw(R.ID.tv_search) TextVIEw tvSearch; @InjectVIEw(R.ID.ListVIEw) ListVIEw ListVIEw; @InjectVIEw(R.ID.drawer_layout) DrawerLayout drawerLayout; private List data = new ArrayList(); private ShipRecordAdapter adapter = new ShipRecordAdapter(this,data); @OverrIDe protected voID onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentVIEw(R.layout.activity_main); ButterKnife.inject(this); setSupportActionbar(toolbar); ListVIEw.setAdapter(adapter); getData(); } @OverrIDe public voID onBackpressed() { if (drawerLayout.isDrawerOpen(GravityCompat.START)) {  drawerLayout.closeDrawer(GravityCompat.START); } else {  super.onBackpressed(); } } /** * 获取类别数据 */ private voID getData() { for (int i = 0; i < 6; i++) {  Map<String,Object> map = new HashMap<>();  data.add(map); } adapter.notifyDataSetChanged(); } @OnClick(R.ID.tv_search) public voID onClick(VIEw vIEw) { switch (vIEw.getID()) {  case R.ID.tv_search:  if (drawerLayout.isDrawerOpen(Gravity.RIGHT)) {   drawerLayout.closeDrawer(Gravity.RIGHT);  } else {   drawerLayout.openDrawer(Gravity.RIGHT);  }  break; } }}

由于这里的侧滑视图是从右侧滑动出现的，因此侧滑视图的layout_gravity设置为right或者end，如果是左滑就设置为left或者start。当我们手动控制侧滑视图的打开或者关闭的时候，需要执行以下代码：

//closedrawerLayout.closeDrawer(Gravity.RIGHT);//opendrawerLayout.openDrawer(Gravity.RIGHT);

至此DrawerLayout的基本使用就已经掌握了，更深入的了解DrawerLayout，请参考Google官方文档Creating a Navigation Drawer。

项目源码：https://github.com/leoleohan/DrawerLayoutDemo

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

总结

以上是内存溢出为你收集整理的Android使用DrawerLayout实现侧滑菜单效果全部内容，希望文章能够帮你解决Android使用DrawerLayout实现侧滑菜单效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。