全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android使用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
   style="@style/NormalTextView"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:text="船中文名" />

  <EditText
   style="@style/SmallGreyTextView"
   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:background="@drawable/btn_round_white"
   android:padding="@dimen/margin_8" />

  <TextView
   style="@style/NormalTextView"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:text="船英文名" />

  <EditText
   style="@style/SmallGreyTextView"

   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:background="@drawable/btn_round_white"
   android:padding="@dimen/margin_8" />

  <TextView
   style="@style/NormalTextView"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:text="呼号" />

  <EditText
   style="@style/SmallGreyTextView"

   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:background="@drawable/btn_round_white"
   android:padding="@dimen/margin_8" />

  <TextView
   style="@style/NormalTextView"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:text="IMO" />

  <EditText
   style="@style/SmallGreyTextView"

   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:background="@drawable/btn_round_white"
   android:padding="@dimen/margin_8" />

  <TextView
   style="@style/NormalTextView"
   android:layout_width="wrap_content"
   android:layout_height="40dp"
   android:text="MMSI" />

  <EditText
   style="@style/SmallGreyTextView"

   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"
    style="@style/NormalGreyTextView"
    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。当我们手动控制侧滑视图的打开或者关闭的时候,需要执行以下代码:

//close
drawerLayout.closeDrawer(Gravity.RIGHT);
//open
drawerLayout.openDrawer(Gravity.RIGHT);

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

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

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


# Android  # DrawerLayout  # 侧滑菜单  # Android侧滑菜单之DrawerLayout用法详解  # Android自定义实现侧滑菜单效果  # Android实现QQ侧滑菜单效果  # Android侧滑菜单控件DrawerLayout使用详解  # android侧滑菜单控件DrawerLayout使用方法详解  # Android使用DrawerLayout实现双向侧滑菜单  # Android中DrawerLayout实现侧滑菜单效果  # Android Drawerlayout实现侧滑菜单效果  # android实现左右侧滑菜单效果  # Android实现侧滑菜单DrawerLayout  # 主要内容  # 设置为  # 是一个  # 如果你  # 第一个  # 当你  # 设为  # 是从  # 它是  # 当我们  # 如图  # 中也  # 带你  # 使用过  # 请参考  # 大家多多  # 更深入  # 派上  # 有一个  # 文档 


相关文章: 如何快速搭建二级域名独立网站?  高端企业智能建站程序:SEO优化与响应式模板定制开发  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  网站制作话术技巧,网站推广做的好怎么话术?  建站之星CMS建站配置指南:模板选择与SEO优化技巧  如何通过免费商城建站系统源码自定义网站主题与功能?  建站之星如何开启自定义404页面避免用户流失?  企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?  宝华建站服务条款解析:五站合一功能与SEO优化设置指南  如何通过虚拟主机空间快速建站?  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  如何快速重置建站主机并恢复默认配置?  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?  建站之星后台密码遗忘如何找回?  网站制作员失业,怎样查看自己网站的注册者?  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么?  小建面朝正北,A点实际方位是否存在偏差?  建站之星安装需要哪些步骤及注意事项?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  香港服务器如何优化才能显著提升网站加载速度?  历史网站制作软件,华为如何找回被删除的网站?  ppt制作免费网站有哪些,ppt模板免费下载网站?  ,怎么用自己头像做动态表情包?  网站制作多少钱一个,建一个论坛网站大约需要多少钱?  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱?口碑好?  如何在IIS7上新建站点并设置安全权限?  如何快速启动建站代理加盟业务?  建站主机是否属于云主机类型?  一键网站制作软件,义乌购一件代发流程?  建站之星Pro快速搭建教程:模板选择与功能配置指南  学校为何禁止电信移动建设网站?  如何破解联通资金短缺导致的基站建设难题?  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  如何用VPS主机快速搭建个人网站?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  天津个人网站制作公司,天津网约车驾驶员从业资格证官网?  早安海报制作网站推荐大全,企业早安海报怎么每天更换?  常州自助建站:操作简便模板丰富,企业个人快速搭建网站  建站主机选购指南:核心配置与性价比推荐解析  建站之星安全性能如何?防护体系能否抵御黑客入侵?  黑客入侵网站服务器的常见手法有哪些?  宝塔面板创建网站无法访问?如何快速排查修复?  中山网站推广排名,中山信息港登录入口?  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何通过.red域名打造高辨识度品牌网站?  建站之星伪静态规则如何设置?  交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。