Android 侧滑菜单的简单实现(SlidingMenu)
在我还没有学习Android的时候就用过侧滑菜单的APP,当时第一个感觉是:哇塞,这效果不错!当然,现在自己都已经学Android了,这效果当然也要做出来啊~
SlidingMenu是一种比较新的设置界面或配置界面的效果(我觉得已经不新了耶~),在主界面左滑或者右滑出现设置界面效果,能方便的进行各种操作。很多优秀的应用都采用了这种界面方案,像facebook、人人网、everynote、Google+等等。效果如下图:
其实网上已经有很多写SlidingMenu使用的文章了。不过,别人始终是别人的,下面就来实现它吧。
SlidingMenu是一个在GitHub上的一个开源库,因此先访问GitHub吧。
SlidingMenu地址 : https://github.com/jfeinstein10/SlidingMenu
打开网址后的界面如下:
点击界面右下角的“Download ZIP”,即可下载该开源库。
需要注意的是,仅仅下载该开源库是不够的,通过阅读该网页可知,SlidingMenu开源库依赖于另一个开源库ActionBarSherlock,因此,还需要下载开源库ActionBarSherlock。
点击界面中带有超链接的“ActionBarSherlock”,跳转到网址为:http://actionbarsherlock.com/的网页,其界面如下:
点击图中红色箭头指向的“Zip”即可下载所需的开源库ActionBarSherlock。
将这两个开源库下载下来后都是压缩文件,因此需要解压:
OK,准备工作到此结束。
开始敲代码了……
现将这两个开源库添加到eclipse中,需要注意选择导入的目录(因为解压后的文件有很多,并不是每一个都需要导入)。如下图:
成功导入开源库后,从习惯上考虑,将它们的名称分别改为“SlidingMenulibrary”和“ActionBarSherlock”。
如图:
现在新建一个Android工程,选择系统为Android4.0,工程命名为“test_SlidingMenu”
接下来,把两个开源库添加到工程中。单击项目工程名称,点击右键,选择“Properties”。如图:
(在红色圈园处,添加这两个开源库)
此时,可能会出现如下错误:
不要慌张,出现这个错误是因为这两个开源库中使用的suppor-v4.jar包和刚才新建的工程中的suppor-v4.jar包版本不同导致的。
那么,就把工程中的suppor-v4.jar包复制到这两个开源库中,并替换调这两个开源库中的suppor-v4.jar包。这样,三个的suppor-v4.jar包都是相同的了。
接下来剩下的就是代码的问题了。
首先是新建一个布局文件,名为slidingmenu.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="#ff999999"
android:orientation="vertical" > <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu
android:id="@+id/SlidingMenu"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00000"/>
</com.jeremyfeinstein.slidingmenu.lib.SlidingMenu> </LinearLayout>
另外,在dimens.xml中添加一句代码:
<dimen name="slidingmenu_offset">200dp</dimen>
这句代码中的200dp的作用是设置侧滑菜单拉伸的宽度。
然后就是Activity中的代码:
(代码比较简单,就直接上代码了哈)
public class MainActivity extends Activity {
private SlidingMenu slidingmenu;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
slidingmenu = new SlidingMenu(this);
slidingmenu.setMode(SlidingMenu.LEFT);// 左边的侧滑菜单
slidingmenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//设置侧滑菜单的拉伸宽度
slidingmenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);// 全屏触摸有效
slidingmenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);// 附加到Activity中
slidingmenu.setMenu(R.layout.slidingmenu);//设置侧滑菜单界面
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
switch (keyCode) {
case KeyEvent.KEYCODE_MENU:
slidingmenu.toggle(true);//设置点击菜单按钮产生动画效果。
break;
default:
break;
}
return super.onKeyDown(keyCode, event);
}
}
运行效果如下图:

DEMO下载:http://download.csdn.net/detail/af74776/8074319
Android 侧滑菜单的简单实现(SlidingMenu)的更多相关文章
- Android 侧滑菜单的简单实现(SlidingMenu)二
在上一篇博文中已经简单的实现了侧滑菜单,代码也很简单,就几行代码. 这篇文章依然讲侧滑菜单,与前一篇文章不同的是,这篇文章用不同的代码方式来实现侧滑菜单. 在前面的文章中已经用了在Activity中通 ...
- Android侧滑菜单代码实现
前两天学习了hyman老师讲的Android侧滑菜单的实现,经过自己的整理分享出来给大家学习一下 现在很多APP都有菜单侧滑的功能,本篇文章主要讲解使用自定义的HorizontalScrollView ...
- 教你用DrawLayout 实现Android 侧滑菜单
现在的APP越来越注重用户体验,百度视频客户端有一个特效还是挺吸引人的,在主界面手指向右滑动,就可以将菜单展示出来,而主界面会被隐藏大部分,但是仍有左侧的一小部分同菜单一起展示.类似的还有天天动听,人 ...
- android侧滑菜单笔记
一.SlidingPaneLayout v4包下的控件,使用简单,功能简洁.官方文档明确说明该控件只能左侧滑动.使用如下: <android.support.v4.widget.SlidingP ...
- DrawerLayoutDemo【侧边栏(侧滑菜单)简单实现】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 简单实现侧边栏(侧滑菜单)效果: 点击触发打开左侧侧边栏,手势滑动关闭左侧侧边栏: 手势滑动打开右侧侧边栏,手势滑动关闭右侧侧边栏: ...
- Android侧滑菜单和轮播图之滑动冲突
接手一个项目,有一个问题需要修改:轮播图不能手动滑动,手动滑动轮播图只会触发侧滑菜单. 猜测:viewpager控件(轮播图)的触摸事件被SlidingMenu控件(侧滑菜单,非第三方项目,乃是上个开 ...
- android 侧滑菜单
就是用手一滑才出现,占手机半个多屏幕的菜单.为了美观和页面转跳,很多时候要用到. 实现的话就是使用官方的DrawerLayout,注意这个布局一定要是最顶层的布局. 在DrawerLayout里面直接 ...
- Android笔记(五十二) 侧滑菜单SlidingMenu
SlidingMenu是一个优秀的开源项目,可以实现侧滑菜单,简单介绍一下这SlidingMenu的使用: 常用属性和方法: setTouchModeAbove(int i )是否可以通过滑动手势打开 ...
- 第三方侧滑菜单SlidingMenu在android studio中的使用
南尘:每天进步一点点! 前面讲了官方的侧滑菜单DrawerLayout的使用,其实早在官方没有推出这个之前,就有很多第三方的jar包如SlidingMenu等,感谢开源的力量. SlidingMenu ...
随机推荐
- hibernateTemplate HibernateDaoSupport不建议在Spring与Hibernate整合中使用
HibernateTemplate类属于spring框架中的类 :org.springframework.orm.hibernate3.HibernateTemplate HibernateTempl ...
- JQuery的Ajax使用Get,Post方法调用C#WebService并返回数据
本文将介绍jQuery调用基于.NET Framework 3.5的WebService返回JSON数据,另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题,还有出 ...
- flex-mp3
Mp3Player.as package ddw.adobe { import flash.events.Event; import flash.events.IOErrorEvent; import ...
- Codeforces Round #334 (Div. 2) B. More Cowbell 二分
B. More Cowbell Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/604/probl ...
- minify合并js和css文件
压缩 JavaScript 和 CSS,是为减少文件大小,节省流量开销:合并 JavaScript 和 CSS,是为了减少请求数量,减轻服务器压力.而这些枯燥又没有技术含量的工作,我们以前通常会手动处 ...
- Javascript-XMLHttpRequest对象简介
XMLHttpRequest是Ajax的核心,通过调用XMLHttpRequest对象的属性和方法可以实现在客户端和浏览器之间进行数据的异步传输,从而实现页面的无刷新效果. XMLHttp ...
- 《RESTful Web Services》第三章 设计表述
3.1 如何使用实体头来注解表述 表述不仅仅是以某种格式序列化后的数据,它是一连串字节加上用于描述那些字节的元数据. Content-Type,用于描述表述类型.这个标头告诉接收方如何 ...
- 架构师书单 2nd Edition--转载
作者:江南白衣,原文出处: http://blog.csdn.net/calvinxiu/archive/2007/03/06/1522032.aspx,转载请保留. 为了2007年的目标,列了下面待 ...
- Redis 性能测试
Redis 性能测试是通过同时执行多个命令实现的. 语法 redis 性能测试的基本命令如下: redis-benchmark [option] [option value] 实例 以下实例同时执行 ...
- 小白日记31:kali渗透测试之Web渗透-扫描工具-Arachni
扫描工具-Arachni Kali中集成旧的arachni的阉割版,所以需要重新安装[在某些方面有其独特性,但不算很强大,有命令行和web两种使用方式][匿名者推荐] apt-get update h ...