Android 滑动菜单SlidingMenu
首先我们看下面视图：
这种效果大家都不陌生，网上好多都说是仿人人网的，估计人家牛逼出来的早吧，我也参考了一一些例子，实现起来有三种方法，我下面简单介绍下：
方法一：其实就是对GestureDetector手势的应用及布局文件的设计.
布局文件main.xml 采用RelativeLayout布局.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" > <LinearLayout
android:id="@+id/layout_right"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="50dp"
android:orientation="vertical" > <AbsoluteLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@color/grey21"
android:padding="10dp" > <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="设置"
android:textColor="@android:color/background_light"
android:textSize="20sp" />
</AbsoluteLayout> <ListView
android:id="@+id/lv_set"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="" >
</ListView>
</LinearLayout> <LinearLayout
android:id="@+id/layout_left"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/white"
android:orientation="vertical" > <RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/nav_bg" > <ImageView
android:id="@+id/iv_set"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:src="@drawable/nav_setting" /> <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="我"
android:textColor="@android:color/background_light"
android:textSize="20sp" />
</RelativeLayout> <ImageView
android:id="@+id/iv_set"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="fitXY"
android:src="@drawable/bg_guide_5" />
</LinearLayout> </RelativeLayout>
ayout_right：这个大布局文件，layout_left:距离左边50dp像素.(我们要移动的是layout_left).
看到这个图我想大家都很清晰了吧，其实:我们就是把layout_left这个布局控件整理向左移动，至于移动多少，就要看layout_right有多宽了。layout_left移动到距离左边的边距就是layout_right的宽及-MAX_WIDTH.相信大家都理解.
布局文件就介绍到这里，下面看代码.
/***
* 初始化view
*/
void InitView() {
layout_left = (LinearLayout) findViewById(R.id.layout_left);
layout_right = (LinearLayout) findViewById(R.id.layout_right);
iv_set = (ImageView) findViewById(R.id.iv_set);
lv_set = (ListView) findViewById(R.id.lv_set);
lv_set.setAdapter(new ArrayAdapter<String>(this, R.layout.item,
R.id.tv_item, title));
lv_set.setOnItemClickListener(new OnItemClickListener() { @Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Toast.makeText(MainActivity.this, title[position], ).show();
}
});
layout_left.setOnTouchListener(this);
iv_set.setOnTouchListener(this);
mGestureDetector = new GestureDetector(this);
// 禁用长按监听
mGestureDetector.setIsLongpressEnabled(false);
getMAX_WIDTH();
}
这里要对手势进行监听，我想大家都知道怎么做，在这里我要说明一个方法
/***
* 获取移动距离 移动的距离其实就是layout_left的宽度
*/
void getMAX_WIDTH() {
ViewTreeObserver viewTreeObserver = layout_left.getViewTreeObserver();
// 获取控件宽度
viewTreeObserver.addOnPreDrawListener(new OnPreDrawListener() {
@Override
public boolean onPreDraw() {
if (!hasMeasured) {
window_width = getWindowManager().getDefaultDisplay()
.getWidth();
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
layoutParams.width = window_width;
layout_left.setLayoutParams(layoutParams);
MAX_WIDTH = layout_right.getWidth();
Log.v(TAG, "MAX_WIDTH=" + MAX_WIDTH + "width="
+ window_width);
hasMeasured = true;
}
return true;
}
}); }
在这里我们要获取屏幕的宽度，并将屏幕宽度设置给layout_left这个控件，为什么要这么做呢，因为如果不把该控件宽度写死的话，那么系统将认为layout_left会根据不同环境宽度自动适应，也就是说我们通过layout_left.getLayoutParams动态移动该控件的时候，该控件会伸缩而不是移动。描述的有点模糊，大家请看下面示意图就明白了.
我们不为layout_left定义死宽度效果：
getLayoutParams可以很清楚看到，layout_left被向左拉伸了，并不是我们要的效果.
还有一种解决办法就是我们在配置文件中直接把layout_left宽度写死，不过这样不利于开发，因为分辨率的问题.因此就用ViewTreeObserver进行对layout_left设置宽度.
ViewTreeObserver,这个类主要用于对布局文件的监听.强烈建议同学们参考这篇文章 android ViewTreeObserver详细讲解，相信让你对ViewTreeObserver有更一步的了解.
其他的就是对GestureDetector手势的应用，下面我把代码贴出来：
package com.jj.slidingmenu; import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewTreeObserver;
import android.view.ViewTreeObserver.OnPreDrawListener;
import android.view.Window;
import android.view.View.OnTouchListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.Toast;
import android.widget.LinearLayout.LayoutParams; /***
* 滑动菜单
*
* @author jjhappyforever...
*
*/
public class MainActivity extends Activity implements OnTouchListener,
GestureDetector.OnGestureListener {
private boolean hasMeasured = false;// 是否Measured.
private LinearLayout layout_left;
private LinearLayout layout_right;
private ImageView iv_set;
private ListView lv_set; /** 每次自动展开/收缩的范围 */
private int MAX_WIDTH = ;
/** 每次自动展开/收缩的速度 */
private final static int SPEED = ; private GestureDetector mGestureDetector;// 手势
private boolean isScrolling = false;
private float mScrollX; // 滑块滑动距离
private int window_width;// 屏幕的宽度 private String TAG = "jj"; private String title[] = { "待发送队列", "同步分享设置", "编辑我的资料", "找朋友", "告诉朋友",
"节省流量", "推送设置", "版本更新", "意见反馈", "积分兑换", "精品应用", "常见问题", "退出当前帐号" }; /***
* 初始化view
*/
void InitView() {
layout_left = (LinearLayout) findViewById(R.id.layout_left);
layout_right = (LinearLayout) findViewById(R.id.layout_right);
iv_set = (ImageView) findViewById(R.id.iv_set);
lv_set = (ListView) findViewById(R.id.lv_set);
lv_set.setAdapter(new ArrayAdapter<String>(this, R.layout.item,
R.id.tv_item, title));
lv_set.setOnItemClickListener(new OnItemClickListener() { @Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Toast.makeText(MainActivity.this, title[position], ).show();
}
});
layout_left.setOnTouchListener(this);
iv_set.setOnTouchListener(this);
mGestureDetector = new GestureDetector(this);
// 禁用长按监听
mGestureDetector.setIsLongpressEnabled(false);
getMAX_WIDTH();
} /***
* 获取移动距离 移动的距离其实就是layout_left的宽度
*/
void getMAX_WIDTH() {
ViewTreeObserver viewTreeObserver = layout_left.getViewTreeObserver();
// 获取控件宽度
viewTreeObserver.addOnPreDrawListener(new OnPreDrawListener() {
@Override
public boolean onPreDraw() {
if (!hasMeasured) {
window_width = getWindowManager().getDefaultDisplay()
.getWidth();
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
// layoutParams.width = window_width;
layout_left.setLayoutParams(layoutParams);
MAX_WIDTH = layout_right.getWidth();
Log.v(TAG, "MAX_WIDTH=" + MAX_WIDTH + "width="
+ window_width);
hasMeasured = true;
}
return true;
}
}); } @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
InitView(); } // 返回键
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (KeyEvent.KEYCODE_BACK == keyCode && event.getRepeatCount() == ) {
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
if (layoutParams.leftMargin < ) {
new AsynMove().execute(SPEED);
return false;
}
} return super.onKeyDown(keyCode, event);
} @Override
public boolean onTouch(View v, MotionEvent event) {
// 松开的时候要判断，如果不到半屏幕位子则缩回去，
if (MotionEvent.ACTION_UP == event.getAction() && isScrolling == true) {
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
// 缩回去
if (layoutParams.leftMargin < -window_width / ) {
new AsynMove().execute(-SPEED);
} else {
new AsynMove().execute(SPEED);
}
} return mGestureDetector.onTouchEvent(event);
} @Override
public boolean onDown(MotionEvent e) {
mScrollX = ;
isScrolling = false;
// 将之改为true，不然事件不会向下传递.
return true;
} @Override
public void onShowPress(MotionEvent e) { } /***
* 点击松开执行
*/
@Override
public boolean onSingleTapUp(MotionEvent e) {
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
// 左移动
if (layoutParams.leftMargin >= ) {
new AsynMove().execute(-SPEED);
} else {
// 右移动
new AsynMove().execute(SPEED);
} return true;
} /***
* e1 是起点，e2是终点，如果distanceX=e1.x-e2.x>0说明向左滑动。反之亦如此.
*/
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
isScrolling = true;
mScrollX += distanceX;// distanceX:向左为正，右为负
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
layoutParams.leftMargin -= mScrollX;
if (layoutParams.leftMargin >= ) {
isScrolling = false;// 拖过头了不需要再执行AsynMove了
layoutParams.leftMargin = ; } else if (layoutParams.leftMargin <= -MAX_WIDTH) {
// 拖过头了不需要再执行AsynMove了
isScrolling = false;
layoutParams.leftMargin = -MAX_WIDTH;
}
layout_left.setLayoutParams(layoutParams);
return false;
} @Override
public void onLongPress(MotionEvent e) { } @Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
return false;
} class AsynMove extends AsyncTask<Integer, Integer, Void> { @Override
protected Void doInBackground(Integer... params) {
int times = ;
if (MAX_WIDTH % Math.abs(params[]) == )// 整除
times = MAX_WIDTH / Math.abs(params[]);
else
times = MAX_WIDTH / Math.abs(params[]) + ;// 有余数 for (int i = ; i < times; i++) {
publishProgress(params[]);
try {
Thread.sleep(Math.abs(params[]));
} catch (InterruptedException e) {
e.printStackTrace();
}
} return null;
} /**
* update UI
*/
@Override
protected void onProgressUpdate(Integer... values) {
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) layout_left
.getLayoutParams();
// 右移动
if (values[] > ) {
layoutParams.leftMargin = Math.min(layoutParams.leftMargin
+ values[], );
Log.v(TAG, "移动右" + layoutParams.rightMargin);
} else {
// 左移动
layoutParams.leftMargin = Math.max(layoutParams.leftMargin
+ values[], -MAX_WIDTH);
Log.v(TAG, "移动左" + layoutParams.rightMargin);
}
layout_left.setLayoutParams(layoutParams); } } }
上面代码注释已经很明确，相信大家都看的明白，我就不过多解释了。
效果图：截屏出来有点卡，不过在手机虚拟机上是不卡的.
Android 滑动菜单SlidingMenu的更多相关文章
- android 滑动菜单SlidingMenu的实现
首先我们看下面视图: 这种效果大家都不陌生,网上好多都说是仿人人网的,估计人家牛逼出来的早吧,我也参考了一一些例子,实现起来有三种方法,我下面简单介绍下: 方法一:其实就是对Gesture ...
- android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu[转]
http://blog.csdn.net/jj120522/article/details/8095852 示意图就不展示了,和上一节的一样,滑动菜单SlidingMenu效果如何大家都比较熟悉,在这 ...
- android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu
示意图就不展示了,和上一节的一样,滑动菜单SlidingMenu效果如何大家都比较熟悉,在这里我简单说明一下用自定义ViewGroup来实现. 实现方法:我们自定义一个ViewGroup实现左右滑动, ...
- Android滑动菜单框架完全解析，教你如何一分钟实现滑动菜单特效
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/8744400 之前我向大家介绍了史上最简单的滑动菜单的实现方式,相信大家都还记得.如 ...
- 如何使用滑动菜单SlidingMenu？
左側滑: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvanVuaHVhaG91c2U=/font/5a6L5L2T/fontsize/400/fill/I ...
- 它们的定义android滑动菜单
在这里实现了两个滑动菜单效果,的拖放内容的第一部分,菜单拖出像这样的效果感觉,另一种是拖动内容.后面的内容固定菜单.我感觉有层次感的效果,如下面 第一种效果的代码实现例如以下: package com ...
- android ——滑动菜单
一.DrawerLayout是一个拥有两个子控件的布局,第一个子控件是主屏幕中显示的内容,第二个子控件是滑动菜单中显示的内容: <android.support.v4.widget.Drawer ...
- Android 滑动菜单框架--SwipeMenuListView框架完全解析
SwipeMenuListView(滑动菜单) A swipe menu for ListView.--一个非常好的滑动菜单开源项目. Demo 一.简介 看了挺长时间的自定义View和事件分发,想找 ...
- Android滑动菜单使用（MenuDrawer和SlidingMenu）
项目地址: https://github.com/gokhanakkurt/android-menudrawer https://github.com/jfeinstein10/SlidingMe ...
随机推荐
- Linux 网络相关命令
1.修改ip,dns相关:sudo vi /etc/sysconfig/network-scripts/ifcfg-eth0 2.ifconfig 查找ip,mac地址 3.重启网络:sudo ser ...
- 2017 google Round D APAC Test 题解
首先说明一下:我只是用暴力过了4道题的小数据,就是简单的枚举,大数据都不会做!下面的题解,是我从网上搜到的解答以及查看排行榜上大神的答案得出来的. 首先贴一下主要的题解来源:http://codefo ...
- 374. Guess Number Higher or Lower
We are playing the Guess Game. The game is as follows: 我们来玩一个游戏,规则如下: I pick a number from 1 to n. Y ...
- 霍纳法则(Horner's rule)
卡在hdu 1402 的高精度乘法了,要用FFT(快速傅里叶变换),然后看到了这个霍纳法则,顺便就写下来了. 霍纳法则:求多项式值的一个快速算法. 简单介绍: 假设有n+2个数 , a0,a1,a2, ...
- 关于JSON对象，以及联合数组，eval函数的使用参考
关于JSON对象,以及联合数组,eval函数的使用参考 var json="{persons:[{name:'Zhangsan',sex:'male'},{name:'Lisi',sex:' ...
- a标签根据js返回值判断页面是否跳转
a标签再跳转之前先判断是否符合条件,符合可以跳转,不符合不可以跳转. 自己遇到的问题是:在js方法中根据条件就return结果,但是不行. 原因是:在js方法中return后不会结束整个js方法(ac ...
- 简单重置Centos服务器中Mysql的root密码
1.编辑MySQL配置文件my.cnf vi /etc/my.cnf #编辑文件,找到[mysqld],在下面添加一行skip-grant-tables [mysqld] skip-grant-tab ...
- [C#]对象深拷贝
关键代码: /// <summary> /// 对象深拷贝 /// </summary> /// <typeparam name="T">泛型& ...
- Sublime Text 3使用技巧总结--快捷键及常用插件
1.Goto Anything(快速搜索) |--Ctrl+p 输入|--①文件名 |--②@+函数名 |--③:+数字 ->跳转到相应行 |--④#+变量名 2.多行游标 |--|--Alt+ ...
- 使用PHP导出Word文档的原理和实例
PHP操作Word文档的方法有很多,这里再为大家提供一种方法. 原理 一般,有2种方法可以导出doc文档,一种是使用com,并且作为php的一个扩展库安装到服务器上,然后创建一个com,调用它的方 ...