AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

android组件之DrawerLayout（抽屉导航）-- 侧滑菜单效果

2017-11-08 1656
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

转载请注明出处：http://blog.csdn.net/crazy1235/article/details/41696291

一、 介绍

    导航抽屉显示在屏幕的最左侧，默认情况下是隐藏的，当用户用手指从边缘向另一个滑动的时候，会出现一个隐藏的面板，当点击面板外部或者向原来的方向滑动的时候，抽屉导航就会消失了！
好了，这个抽屉就是DrawerLayout，该类位于V4包中。
 

二、 使用

抽屉导航的实现步骤非常简单。只要配置好带有抽屉导航的布局就可以实现简单的策划菜单。布局代码如下：
[html]  view plain  copy
 
print?在CODE上查看代码片派生到我的代码片
  1. <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:id="@+id/id_drawerlayout"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent" >  
  6.     <FrameLayout  
  7.         android:id="@+id/id_framelayout"  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="match_parent" >  
  10.         <Button  
  11.             android:id="@+id/id_btn1"  
  12.             android:layout_width="wrap_content"  
  13.             android:layout_height="wrap_content"  
  14.             android:text="1111" />  
  15.     </FrameLayout>  
  16.     <LinearLayout  
  17.         android:id="@+id/id_drawer"  
  18.         android:layout_width="240dp"  
  19.         android:layout_height="match_parent"  
  20.         android:layout_gravity="start"  
  21.         android:background="#E0EEE0"  
  22.         android:orientation="vertical" >  
  23.             <ListView  
  24.             android:id="@+id/id_lv"  
  25.             android:layout_width="wrap_content"  
  26.             android:layout_height="wrap_content"  
  27.             android:divider="#CD853F"  
  28.             android:dividerHeight="2dp" >  
  29.         </ListView>  
  30.     </LinearLayout>  
  31. </android.support.v4.widget.DrawerLayout>  
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/id_drawerlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <FrameLayout
        android:id="@+id/id_framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        <Button
            android:id="@+id/id_btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1111" />
    </FrameLayout>
    <LinearLayout
        android:id="@+id/id_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#E0EEE0"
        android:orientation="vertical" >
            <ListView
            android:id="@+id/id_lv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:divider="#CD853F"
            android:dividerHeight="2dp" >
        </ListView>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

说明：
1. 必须把DrawerLayout作为布局的跟标签。
2. 然后在跟标签中添加一个包含内容的视图，就是当抽屉完全隐藏的时候显示的内容布局。
3. 添加一个抽屉布局，这个布局可以按照需求自己定义，我的demo中是一个listview。
4. 抽屉布局中，需要指定 android:layout_gravity属性，官方说明是用start代替left。不过我试了一下start和left，right和end的效果是一样的。知道是什么区别？（谁知道，请留言告知一下！谢谢！）
5. 抽屉布局的宽度最好不要超过320dp，这样做为了当抽屉完全显示的时候，不至于把内容布局全部遮挡。
 
好了，此时在你的activity中设置一下布局文件，就可以实现一个简单的侧滑菜单了，不过菜单是在上面的。
 
 
接下来，就要初始化listview了。
[java]  view plain  copy
 
print?在CODE上查看代码片派生到我的代码片
  1. mLv = (ListView) findViewById(R.id.id_lv);  
  2.         str = new String[] { "item1", "item2", "item3"};  
  3.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,  
  4.                 android.R.layout.simple_list_item_1, str);  
  5.         mLv.setAdapter(adapter);  
  6.         mLv.setOnItemClickListener(this);  
mLv = (ListView) findViewById(R.id.id_lv);
		str = new String[] { "item1", "item2", "item3"};
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, str);
		mLv.setAdapter(adapter);
		mLv.setOnItemClickListener(this);

下面，设置抽屉导航的监听事件。添加监听器的时候有三种方式。
 
1. 设置DrawerLayout.DrawerListener作为监听器类,里面包含四个回调函数。
 
代码如下：
[java]  view plain  copy
 
print?在CODE上查看代码片派生到我的代码片
  1. mDrawerLayout.setDrawerListener(new DrawerListener() {  
  2.         /** 
  3.          * 当抽屉滑动状态改变的时候被调用 
  4.          * 状态值是STATE_IDLE（闲置--0）, STATE_DRAGGING（拖拽的--1）, STATE_SETTLING（固定--2）中之一。 
  5.          * 抽屉打开的时候，点击抽屉，drawer的状态就会变成STATE_DRAGGING，然后变成STATE_IDLE 
  6.         */  
  7.         @Override  
  8.         public void onDrawerStateChanged(int arg0) {  
  9.             Log.i("drawer", "drawer的状态：" + arg0);  
  10.         }  
  11.         /** 
  12.          * 当抽屉被滑动的时候调用此方法 
  13.          * arg1 表示 滑动的幅度（0-1） 
  14.          */  
  15.         @Override  
  16.         public void onDrawerSlide(View arg0, float arg1) {  
  17.             Log.i("drawer", arg1 + "");  
  18.         }  
  19.         /** 
  20.          * 当一个抽屉被完全打开的时候被调用 
  21.          */  
  22.         @Override  
  23.         public void onDrawerOpened(View arg0) {  
  24.             Log.i("drawer", "抽屉被完全打开了！");  
  25.         }  
  26.         /** 
  27.          * 当一个抽屉完全关闭的时候调用此方法 
  28.          */  
  29.         @Override  
  30.         public void onDrawerClosed(View arg0) {  
  31.             Log.i("drawer", "抽屉被完全关闭了！");  
  32.         }  
  33.     });  
mDrawerLayout.setDrawerListener(new DrawerListener() {
		/**
		 * 当抽屉滑动状态改变的时候被调用
		 * 状态值是STATE_IDLE（闲置--0）, STATE_DRAGGING（拖拽的--1）, STATE_SETTLING（固定--2）中之一。
		 * 抽屉打开的时候，点击抽屉，drawer的状态就会变成STATE_DRAGGING，然后变成STATE_IDLE
		*/
		@Override
		public void onDrawerStateChanged(int arg0) {
			Log.i("drawer", "drawer的状态：" + arg0);
		}
		/**
		 * 当抽屉被滑动的时候调用此方法
		 * arg1 表示 滑动的幅度（0-1）
		 */
		@Override
		public void onDrawerSlide(View arg0, float arg1) {
			Log.i("drawer", arg1 + "");
		}
		/**
		 * 当一个抽屉被完全打开的时候被调用
		 */
		@Override
		public void onDrawerOpened(View arg0) {
			Log.i("drawer", "抽屉被完全打开了！");
		}
		/**
		 * 当一个抽屉完全关闭的时候调用此方法
		 */
		@Override
		public void onDrawerClosed(View arg0) {
			Log.i("drawer", "抽屉被完全关闭了！");
		}
	});
 
2. 设置DrawerListener的子类SimpleDrawerListener，使用这个类的时候不必实现全部的回调函数，可以根据自己的需要重写相应的方法。
 
代码如下：
[java]  view plain  copy
 
print?在CODE上查看代码片派生到我的代码片
  1. mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {  
  2.             @Override  
  3.             public void onDrawerClosed(View drawerView) {  
  4.                 super.onDrawerClosed(drawerView);  
  5.             }  
  6.             @Override  
  7.             public void onDrawerOpened(View drawerView) {  
  8.                 super.onDrawerOpened(drawerView);  
  9.             }  
  10.         });  
mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {
			@Override
			public void onDrawerClosed(View drawerView) {
				super.onDrawerClosed(drawerView);
			}
			@Override
			public void onDrawerOpened(View drawerView) {
				super.onDrawerOpened(drawerView);
			}
		});

3. 使用DrawerListener的子类ActionBarDrawerToggle。一般与ActionBar结合使用。
 
代码如下：
[java]  view plain  copy
 
print?在CODE上查看代码片派生到我的代码片
  1. mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,  
  2.                 R.drawable.ic_drawer, R.string.drawer_open,  
  3.                 R.string.drawer_close) {  
  4. @Override  
  5. public void onDrawerClosed(View drawerView) {  
  6.     getActionBar().setTitle(mTitle);  
  7.     invalidateOptionsMenu();  
  8. }  
  9. @Override  
  10. public void onDrawerOpened(View drawerView) {  
  11.     getActionBar().setTitle(mDrawerTitle);  
  12.     invalidateOptionsMenu();  
  13.     }  
  14. };  
  15. mDrawerLayout.setDrawerListener(mDrawerToggle);  
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
				R.drawable.ic_drawer, R.string.drawer_open,
				R.string.drawer_close) {
@Override
public void onDrawerClosed(View drawerView) {
	getActionBar().setTitle(mTitle);
	invalidateOptionsMenu();
}
@Override
public void onDrawerOpened(View drawerView) {
	getActionBar().setTitle(mDrawerTitle);
	invalidateOptionsMenu();
	}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);

调用closeDrawer()和openDrawer()可以关闭和打开抽屉。其他的方法就参考API吧！

三、 总结

抽屉导航就介绍到此，总的来说drawer使用起来非常的简单。不过有一点不好的是，它是把抽屉显示在内容的上面，而不是下面。我觉得大多数的侧滑菜单一般都是在下面的。我在api中也没有找到关于设置抽屉上下关系的函数。
如果想要菜单在下面的方法，就用github上面的 slidingmenu吧！
 

四、 下载

demo点此下载！欢迎指教！如有问题，请留言！




    本文转自 一点点征服   博客园博客，原文链接： http://www.cnblogs.com/ldq2016/p/5369087.html ，如需转载请自行联系原作者


文章标签：
Android开发
Java
API
关键词：
Android组件
Android菜单
Android导航
Android DrawerLayout
Android侧滑菜单
技术小胖子
目录
相关文章
游客qf4jmczx4xu2y
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
47 4
游客moiomvrp3vyac2
|
2月前
|
存储 Android开发 开发者
深入理解安卓应用开发的核心组件
【10月更文挑战第8天】探索Android应用开发的精髓，本文带你了解安卓核心组件的奥秘，包括Activity、Service、BroadcastReceiver和ContentProvider。我们将通过代码示例，揭示这些组件如何协同工作，构建出功能强大且响应迅速的应用程序。无论你是初学者还是资深开发者，这篇文章都将为你提供新的视角和深度知识。
游客moiomvrp3vyac2
100 0
shuj
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中，自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View，包括设计理念、实现步骤以及性能优化技巧，帮助开发者打造流畅且富有创意的用户界面。
shuj
101 0
我不是游客20240119
|
22天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图：打造个性化UI组件
在安卓应用开发中，自定义视图是一种强大的工具，它允许开发者创造独一无二的用户界面元素，从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例，引导你了解如何在安卓项目中实现自定义组件，并探讨其背后的技术原理。我们将从基础的View类讲起，逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者，这篇文章都将为你提供有价值的见解和技巧。
我不是游客20240119
43 4
游客moiomvrp3vyac2
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石，它为开发者提供了无限的可能。通过掌握其原理和实现方法，可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程，包括绘制技巧、事件处理以及性能优化等关键步骤。
游客moiomvrp3vyac2
35 1
131王
|
2月前
|
测试技术 数据库 Android开发
深入解析Android架构组件——Jetpack的使用与实践
本文旨在探讨谷歌推出的Android架构组件——Jetpack，在现代Android开发中的应用。Jetpack作为一系列库和工具的集合，旨在帮助开发者更轻松地编写出健壮、可维护且性能优异的应用。通过详细解析各个组件如Lifecycle、ViewModel、LiveData等，我们将了解其原理和使用场景，并结合实例展示如何在实际项目中应用这些组件，提升开发效率和应用质量。
131王
54 6
131王
|
3月前
|
存储 开发框架 数据可视化
深入解析Android应用开发中的四大核心组件
本文将探讨Android开发中的四大核心组件——Activity、Service、BroadcastReceiver和ContentProvider。我们将深入了解每个组件的定义、作用、使用方法及它们之间的交互方式，以帮助开发者更好地理解和应用这些组件，提升Android应用开发的能力和效率。
131王
287 5
请看我回答~
|
3月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域，自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例，展示如何在安卓项目中创建和使用自定义View组件，包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例，还深入探讨了自定义View的性能优化技巧，旨在帮助开发者更好地掌握这一技能。
请看我回答~
72 7
请看我回答~
|
4月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图：打造个性化UI组件Java中的异常处理：从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中，一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例，展示如何从零开始创建一个具有独特风格和功能的安卓UI组件，并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗？让我们开始吧！
请看我回答~
56 7
请看我回答~
|
4月前
|
XML 搜索推荐 Android开发
安卓开发中的自定义View组件实践
【8月更文挑战第30天】探索Android世界，自定义View是提升应用界面的关键。本文以简洁的语言带你了解如何创建自定义View，从基础到高级技巧，一步步打造个性化的UI组件。
请看我回答~
135 2

热门文章

最新文章

  • 1
    深入探索Android系统架构：从内核到应用层的全面解析
  • 2
    探索安卓系统的最新特性与发展趋势
  • 3
    Android系统版本演进：从1.0到最新，见证移动操作系统的蜕变####
  • 4
    深入探索Android系统的内存管理机制
  • 5
    安卓与iOS开发中的线程管理差异解析
  • 6
    探索安卓开发：打造你的第一款应用
  • 7
    移动应用开发之旅：探索Android和iOS平台
  • 8
    探索安卓开发：打造你的首个天气应用
  • 9
    安卓与iOS开发中的跨平台策略：一次编码，多平台部署
  • 10
    探索Android系统的最新安全特性
  • 1
    Android与iOS生态差异深度剖析：技术架构、开发体验与市场影响####
    24
  • 2
    深入探索iOS与Android操作系统的安全性差异
    32
  • 3
    安卓与iOS开发中的跨平台策略：一次编码，多平台部署
    45
  • 4
    探索安卓开发中的自定义视图：打造个性化用户界面
    44
  • 5
    移动应用开发之旅：探索Android和iOS平台
    48
  • 6
    探索安卓开发：打造你的首个天气应用
    48
  • 7
    深入探索Android系统的内存管理机制
    52
  • 8
    Android与iOS的隐私保护机制对比####
    32
  • 9
    打造个性化安卓应用：从设计到开发的全面指南
    33
  • 10
    安卓应用开发中的自定义控件实践
    27

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)