Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > 仿写Android控件SlidingMenu

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

作者:MG_ZXC

下面小编就为大家分享一篇简单仿写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的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文