一、概述

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
# 主要内容
# 设置为
# 是一个
# 如果你
# 第一个
# 当你
# 设为
# 是从
# 它是
# 当我们
# 如图
# 中也
# 带你
# 使用过
# 请参考
# 大家多多
# 更深入
# 派上
# 有一个
# 文档
相关文章:
宝塔Windows建站如何避免显示默认IIS页面?
如何在建站主机中优化服务器配置?
道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?
番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗?
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
,巨量百应是干嘛的?
佛山网站制作系统,佛山企业变更地址网上办理步骤?
如何快速建站并高效导出源代码?
建站之星微信建站一键生成小程序+多端营销系统
建站之星后台密码遗忘?如何快速找回?
如何快速启动建站代理加盟业务?
建站上市公司网站建设方案与SEO优化服务定制指南
儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?
红河网站制作公司,红河事业单位身份证如何上传?
网站企业制作流程,用什么语言做企业网站比较好?
如何在建站宝盒中设置产品搜索功能?
湖州网站制作公司有哪些,浙江中蓝新能源公司官网?
如何在香港免费服务器上快速搭建网站?
简易网站制作视频教程,使用记事本编写一个简单的网页html文件?
,想在网上投简历,哪几个网站比较好?
在线制作视频的网站有哪些,电脑如何制作视频短片?
网站制作软件免费下载安装,有哪些免费下载的软件网站?
济南网站制作的价格,历城一职专官方网站?
如何在Golang中指定模块版本_使用go.mod控制版本号
建站之星导航配置指南:自助建站与SEO优化全解析
微信小程序制作网站有哪些,微信小程序需要做网站吗?
小程序网站制作需要准备什么资料,如何制作小程序?
济南专业网站制作公司,济南信息工程学校怎么样?
如何用虚拟主机快速搭建网站?详细步骤解析
如何通过商城免费建站系统源码自定义网站主题?
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
如何快速搭建高效WAP手机网站?
制作充值网站的软件,做人力招聘为什么要自己交端口钱?
如何在阿里云高效完成企业建站全流程?
网站制作公司排行榜,抖音怎样做个人官方网站
深圳企业网站制作设计,在深圳如何网上全流程注册公司?
如何在Golang中引入测试模块_Golang测试包导入与使用实践
盐城做公司网站,江苏电子版退休证办理流程?
制作网站的公司有哪些,做一个公司网站要多少钱?
邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?
合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?
如何将凡科建站内容保存为本地文件?
如何用美橙互联一键搭建多站合一网站?
代刷网站制作软件,别人代刷火车票靠谱吗?
如何快速生成高效建站系统源代码?
内网网站制作软件,内网的网站如何发布到外网?
高防服务器租用如何选择配置与防御等级?
网站建设设计制作营销公司南阳,如何策划设计和建设网站?
电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。