簡單仿寫Android控件SlidingMenu的實(shí)例代碼

更新時(shí)間：2018年01月17日 10:47:50 作者：MG_ZXC

下面小編就為大家分享一篇簡單仿寫Android控件SlidingMenu的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

SlidingMenu （側(cè)滑菜單形式）在android開發(fā)過程中，經(jīng)常用到，這次我們通過一個(gè)簡單案例來仿寫SlidingMenu 的大體功能，下面是主要實(shí)現(xiàn)的代碼：

java代碼：(重寫onTouchEvent方法處理側(cè)滑菜單處的事件分發(fā)機(jī)制)

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進(jìn)行滾動(dòng)
 }
 // 結(jié)束加載的回調(diào)
 @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);
 }
 // 默認(rèn)ViewGroup只測量自身,并不測量自身的孩子
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  // 將onMeasure中的兩個(gè)參數(shù)直接傳給兩個(gè)孩子
  menu.measure(widthMeasureSpec, heightMeasureSpec);
  main.measure(widthMeasureSpec, heightMeasureSpec);
 }
 // 布局
 // 參數(shù)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);//絕對(duì)移動(dòng)
   // scrollBy(x, y);//相對(duì)移動(dòng)
   // 獲取滾動(dòng)的坐標(biāo)
   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);
   //滾動(dòng)后,要讓界面重繪
   invalidate();
   break;
  default:
   break;
  }
  return true;
 }
 @Override
 public void computeScroll() {
  super.computeScroll();
  //調(diào)用這個(gè)方法來獲取期望的滾動(dòng)點(diǎn),如果返回true,表示動(dòng)畫還沒有執(zhí)行完成
  if(mScroller.computeScrollOffset()){
   //用Scroller滾動(dòng),獲取下一個(gè)期望的滾動(dòng)點(diǎn),滾動(dòng)過去
   //獲取期望點(diǎn)的滾動(dòng)坐標(biāo)
   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>

最終效果如下：