简单仿写Android控件SlidingMenu的实例代码

SlidingMenu （侧滑菜单形式）在android开发过程中，经常用到，这次我们通过一个简单案例来仿写SlidingMenu 的大体功能，下面 是主要实现的代码：

java代码：(重写onTouchEvent方法 处理侧滑菜单处的事件分发机制)

public class SlidingMenu extends ViewGroup implements OnClickListener {
private View menu;
private View main;
private int menuWidth;
private int downX;
private Scroller mScroller;
private ImageView iv_back;
// 加载阶段,先加载自身,然后再加载孩子
public SlidingMenu(Context context, AttributeSet attrs) {
super(context, attrs);
mScroller=new Scroller(context);//声明Scroller进行滚动
}
// 结束加载的回调
@Override
protected void onFinishInflate() {
super.onFinishInflate();
menu = getChildAt(0);
main = getChildAt(1);
menuWidth = menu.getLayoutParams().width;
Log.i("test", "menuWidth:" + menuWidth);
iv_back = (ImageView) findViewById(R.id.iv_back);
iv_back.setOnClickListener(this);
}
// 默认ViewGroup只测量自身,并不测量自身的孩子
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 将onMeasure中的两个参数直接传给两个孩子
menu.measure(widthMeasureSpec, heightMeasureSpec);
main.measure(widthMeasureSpec, heightMeasureSpec);
}
// 布局
// 参数1,2,3,4:左上右下
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
menu.layout(-menuWidth, t, 0, b);
main.layout(l, t, r, b);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = (int) event.getX();
break;
case MotionEvent.ACTION_MOVE:
int moveX = (int) event.getX();
int dX = moveX - downX;
// scrollTo(x, y);//绝对移动
// scrollBy(x, y);//相对移动
// 获取滚动的坐标
int scrollX = getScrollX();
Log.i("test", "scrollX:" + scrollX);
if (scrollX - dX >= -200 && scrollX - dX <= 0) {
scrollBy(-dX, 0);
}
downX = moveX;
break;
case MotionEvent.ACTION_UP:
int upScrollX = getScrollX();
Log.i("test", "upScrollX:"+upScrollX);
int dScrollX;
if(upScrollX>-menuWidth/2){
//收回去
dScrollX=-upScrollX;
isOpen=false;
}else{
//展开
dScrollX=-menuWidth-upScrollX;
isOpen=true;
}
Log.i("test", "dScrollX:"+dScrollX);
mScroller.startScroll(upScrollX, 0, dScrollX, 0,20*dScrollX);
//滚动后,要让界面重绘
invalidate();
break;
default:
break;
}
return true;
}
@Override
public void computeScroll() {
super.computeScroll();
//调用这个方法来获取期望的滚动点,如果返回true,表示动画还没有执行完成
if(mScroller.computeScrollOffset()){
//用Scroller滚动,获取下一个期望的滚动点,滚动过去
//获取期望点的滚动坐标
int currX = mScroller.getCurrX();
scrollTo(currX, 0);
invalidate();
}
}
private boolean isOpen;
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_back:
int startX;
int dx;
if(!isOpen){
startX=0;
dx=-menuWidth;
}else{
startX=-menuWidth;
dx=menuWidth;
}
isOpen=!isOpen;
mScroller.startScroll(startX, 0, dx, 0, 2000);
invalidate();
break;
default:
break;
}
}
}

activity布局文件：

<mgzxc.myslidmenu.MySlidMenu
android:layout_width="match_parent"
android:layout_height="match_parent">
<include layout="@layout/menu_layout" />
<include layout="@layout/main_layout" />
</mgzxc.myslidmenu.MySlidMenu>

主界面的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:gravity="center"
android:background="@android:color/holo_blue_bright"
android:layout_width="match_parent" android:layout_height="match_parent">
<Button
android:id="@+id/open"
android:text="打开"
android:textSize="30sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>

最终效果如下：

以上这篇简单仿写Android控件SlidingMenu的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Android开源组件SlidingMenu侧滑菜单使用介绍
• Android UI实现SlidingMenu侧滑菜单效果
• Android SlidingMenu使用和示例详解