两种主流的实现侧滑菜单控件的学习总结
2015-08-07 17:10
387 查看
第一次开始研究侧滑菜单实现还是QQ加入这个功能之后吸引的我,当时就觉得这个侧滑菜单的想法简直独具匠心,使用侧滑菜单的好处必须明显,它可以无形的使我们的屏幕利用更大化,你可以假想自己的屏幕比现实还要大,那个侧滑菜单就藏在看不见的屏幕里,当我们用侧滑手势之后,就将它们从看不见的屏幕里拉入真实屏幕中,当我们使用完菜单后,又可以将它们收回到看不见的屏幕中。。。这让本来空间就有限的手机屏幕,屏幕利用率得到大大的提高。后来通过自己在网络博客论坛的寻觅,发现了两种比较便捷的能帮助我们实现侧滑菜单效果的控件:
1.Android 官方提供的support库中的DrawerLayout和ActionBarDrawerToggle控件;
2.github开源平台的开源库:AndroidResideMenu(https://github.com/SpecialCyCi/AndroidResideMenu)。
下面我将根据自己对这两个控件的使用和网上前辈资料的参考,总结出自己的使用心得。
这里的布局编写有几个注意点:
1.显示内容的布局,即上面的“内容”布局,必须放在第一个,不然抽屉的滑动手势难以捕捉,实现不了;
2.“内容”布局的宽高要和DrawerLayout一样,因为菜单不可见的时候,内容界面会充满屏幕;
3.侧滑菜单的布局需要设置android:layout_gravity属性,start或者left表示左侧菜单,right表示右侧菜单;
4.侧滑菜单的宽度应该控制在320dp以下,不然会完全的挡住内容布局,展示不出抽屉的效果。
![](http://img.blog.csdn.net/20150807164534023?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
为了使上面的菜单icon起作用,还必须处理actionbar上的按钮事件拦截:
至此,使用DrawerLayout控件实现的简单的侧滑菜单效果就可以实现了 。
前辈的说明已经写的那么详细,我在这就偷个懒了,不过本人已经亲自实践过,的却可以轻松实现侧滑菜单效果,而且他提供的Demo,将这个开源控件的所有属性都充分的展示了出来,非常有参考价值。
如果有朋友想在学习的时候有个可以参考的代码,可以去我的github项目地址,下载我写的一个学习总结小Demo,里面将上面两个例子都包括了进去。项目使用的是AndroidStudio开发工具。Eclipse可以参考里面的代码导入。
地址:https://github.com/NateRobinson/DrawerLayoutStudyDemo
1.Android 官方提供的support库中的DrawerLayout和ActionBarDrawerToggle控件;
2.github开源平台的开源库:AndroidResideMenu(https://github.com/SpecialCyCi/AndroidResideMenu)。
下面我将根据自己对这两个控件的使用和网上前辈资料的参考,总结出自己的使用心得。
一、DrawerLayout和ActionBarDrawerToggle控件使用
1.布局文件activity_main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v4.widget.DrawerLayout android:id="@+id/drawer" android:layout_width="match_parent" android:layout_height="match_parent"> <!--内容--> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/content" android:orientation="vertical"></LinearLayout> <!--侧滑菜单左--> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/drawer" android:orientation="vertical"></LinearLayout> <!--侧滑菜单右--> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/drawer" android:orientation="vertical"></LinearLayout> </android.support.v4.widget.DrawerLayout> </LinearLayout>
这里的布局编写有几个注意点:
1.显示内容的布局,即上面的“内容”布局,必须放在第一个,不然抽屉的滑动手势难以捕捉,实现不了;
2.“内容”布局的宽高要和DrawerLayout一样,因为菜单不可见的时候,内容界面会充满屏幕;
3.侧滑菜单的布局需要设置android:layout_gravity属性,start或者left表示左侧菜单,right表示右侧菜单;
4.侧滑菜单的宽度应该控制在320dp以下,不然会完全的挡住内容布局,展示不出抽屉的效果。
2.代码中MainActivity.java:
在 onCreate中初始化DrawerLayout,并将其通过ActionBarDrawerToggle与ActionBar结合,实现动画效果,这里要设置ActionBar的displayHomeAsUpEnabled属性,只有这样,才会将标题栏左侧的菜单icon显示出来,如下图:@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer); mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.string.open, R.string.close); mDrawerToggle.syncState(); mDrawerLayout.setDrawerListener(mDrawerToggle); getSupportActionBar().setDisplayHomeAsUpEnabled(true);//标题栏左侧菜单按钮的展示 }
为了使上面的菜单icon起作用,还必须处理actionbar上的按钮事件拦截:
@Override public boolean onOptionsItemSelected(MenuItem item) { if (mDrawerToggle.onOptionsItemSelected(item)) { return true; } int id = item.getItemId(); if (id == R.id.action_settings) { Toast.makeText(this, "action_settings", Toast.LENGTH_SHORT).show(); return true; } return super.onOptionsItemSelected(item); }
至此,使用DrawerLayout控件实现的简单的侧滑菜单效果就可以实现了 。
二、使用AndroidResideMenu开源框架实现类似QQ5.0的侧滑菜单效果
这个实现过程直接参考开源库的中文说明就可以轻松实现,相当简单。(https://github.com/SpecialCyCi/AndroidResideMenu/blob/master/README_CN.md)前辈的说明已经写的那么详细,我在这就偷个懒了,不过本人已经亲自实践过,的却可以轻松实现侧滑菜单效果,而且他提供的Demo,将这个开源控件的所有属性都充分的展示了出来,非常有参考价值。
如果有朋友想在学习的时候有个可以参考的代码,可以去我的github项目地址,下载我写的一个学习总结小Demo,里面将上面两个例子都包括了进去。项目使用的是AndroidStudio开发工具。Eclipse可以参考里面的代码导入。
地址:https://github.com/NateRobinson/DrawerLayoutStudyDemo
相关文章推荐
- 辞职前阶段总结
- DataTable删除重复数据
- Netty官方指南: User guide for 4.x
- MATLAB聚类
- 如何在自己本机上搭建一个jeecg的项目
- makefile中的shell语法
- 实习第9天 C# 跨线程操作了主线程的控件
- GDB调试教程
- Android添加一个Native Service
- jquery chosen 插件
- final小知识
- 黑马程序员 oc随机 点语法
- grid++report详解
- 产品经理必看丨交互设计七大定律
- 大公司为什么爱“追杀”前高管
- Lecture 1: The Learning Problem(学习问题)
- 【Unity 3D】学习笔记29:游戏的例子——简单的小制作地图
- 蛋疼的中文编码及其计算机编码历史
- 关于JAVA的几种排序算法研究
- MySQL删除重复记录只保留一条