第一篇技术文章,本着开源精神,欢迎大家讨论交流,如要转载或使用请注明出处,尊重知识版权 哈哈
侧滑菜单如今比较流行应该工作需要,网上有各种实现方法,顺便自己实现了一种,中间有不足之处希望大家讨论修正.
主要思路是重写RelativeLayout,两个RelatvieLayout叠加,上层的那个Layout经过重写改造成了滑动菜单,下方的作为背景,布局原封不动。
下面是XML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context=".MainActivity" >
<LinearLayout
android:id="@+id/BackMenu"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#99CCFF" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BackMenu" />
</LinearLayout>
<com.superidea.slidmenu.widget.SlidMenuLayout
android:id="@+id/SlidMenu"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:longClickable="true" >
<LinearLayout
android:id="@+id/FrontMenu"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#99CC66" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="FrontMenu" />
</LinearLayout>
</com.superidea.slidmenu.widget.SlidMenuLayout>
</RelativeLayout>
可侧滑的RelatvieLayout类
package com.superidea.slidmenu.widget;
import com.nineoldandroids.animation.Animator;
import com.nineoldandroids.animation.Animator.AnimatorListener;
import com.nineoldandroids.animation.ValueAnimator;
import com.nineoldandroids.animation.ValueAnimator.AnimatorUpdateListener;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.RelativeLayout;
/**
* 功能:侧滑菜单
* @author huangyehui
* 创建日期:2013.8.23
*/
public class SlidMenuLayout extends RelativeLayout implements OnTouchListener {
private int mStartX = -1;
private int mStartY = -1;
private int mCurPosX = 0;
private int mEndX = 0;
private int mEndY = 0;
private final static int RIGHTPOS = 50;
public SlidMenuLayout(Context context) {
super(context);
init(context);
}
public SlidMenuLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public SlidMenuLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
}
public void init(Context context)
{
setOnTouchListener(this);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
Log.d("slidmenu", "down");
mStartX = (int) event.getX();
mStartY = (int) event.getY();
break;
}
case MotionEvent.ACTION_MOVE: {
Log.d("slidmenu", "move");
mEndX = (int) event.getX();
mEndY = (int) event.getY();
setPadding((mCurPosX+mEndX-mStartX), 0, 0, 0);
break;
}
case MotionEvent.ACTION_UP: {
mCurPosX = mCurPosX+(mEndX-mStartX);
int nDirect = directorDetector(mStartX, mEndX);
int targetPosX = 0;
if(nDirect == 1)
{
targetPosX = getWidth() - RIGHTPOS;
}
slideMenuByAnimation(mCurPosX, 0, targetPosX, 0);
mStartX = 0;
mStartY = 0;
break;
}
}
super.onTouchEvent(event);
return false;
}
public int directorDetector(int nStart, int nEnd)
{
int nDirector = 0; //0为左向,1为右向
if(Math.abs(nEnd - nStart) < 10)
{
//滑动距离过短,逆向
if(nEnd < nStart)
{
nDirector = 1;
}
}
else if(nEnd > nStart)
{
nDirector = 1;
}
return nDirector;
}
public void slideMenuByAnimation(int fromX, int fromY , final int toX, final int toY)
{
ValueAnimator animation = ValueAnimator.ofInt(fromX, toX);
animation.setDuration(200);
animation.addUpdateListener(new AnimatorUpdateListener()
{
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int temp = (Integer) animation.getAnimatedValue();
setPadding(temp, 0, 0, 0);
}});
animation.addListener(new AnimatorListener(){
@Override
public void onAnimationCancel(Animator arg0) {
// TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animator arg0) {
// TODO Auto-generated method stub
//重置当前控间位置
mCurPosX = toX;
}
@Override
public void onAnimationRepeat(Animator arg0) {
// TODO Auto-generated method stub
}
@Override
public void onAnimationStart(Animator arg0) {
// TODO Auto-generated method stub
}});
animation.start();
}
}
效果如下:
思路比较简单就不仔细讲解了。 中间位了实现属性动画对低版本android版本支持,加入了 nineold的一个动画开源库。 使用时请注意~~~