自定义控件-侧拉菜单

    手机版qq有一个挺不错的效果是侧拉菜单，在主界面向右滑动就会在左侧出现关于自己qq的一些信息;

    实现侧滑效果目前知道有三种：

一是SlidingDrawer，谷歌在Android4.2之后已经不建议使用

二是DrawerLayout，谷歌提供的挺好用的控件，只需在布局文件中加载即可

三是第三方提供的开源控件，更加的灵活；下面就来简单介绍一下原理

  一、需求

    1.定义两个布局，菜单和主内容，然后整合在一个自定义的控件中

    2.分别测量出菜单和主内容的宽和高

    3.主内容全屏显示在屏幕上，那么左侧的菜单就会看不到，达到了隐藏菜单的效果

    4.处理屏幕的onTouchEvent()事件，实现左右滑动控制菜单的隐藏与显示

  二、具体实现

    1.定义布局文件菜单和主内容，然后整合在自定义的SlideMenu控件中

    2.在SlideMenu中通过onMeasure测量布局文件的宽和高

 @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        //测量菜单的宽和高，宽为240dip,高为父窗体高度        //0代表菜单        View menuView = getChildAt(0);        menuView.measure(menuView.getLayoutParams().width, heightMeasureSpec);        //测量内容正文的宽和高，与父窗体一致        //1代表正文内容        View contentView = getChildAt(1);        contentView.measure(widthMeasureSpec, heightMeasureSpec);    }

        在系统底层measure调用了onMeasure(定义了宽高的约束)

onMeasrue调用了setMeasureDimension(真实的宽高信息)

    3.通过onLayout方法绘制布局

 @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        //把测量出菜单和内容绘制屏幕上        View menuView = getChildAt(0);        //设置菜单在屏幕的左侧显示(即隐藏)        menuView.layout(-menuView.getMeasuredWidth(), t, 0, b);        //主内容的绘制        View contentView = getChildAt(1);        contentView.layout(l, t, r, b);    }

    4.处理屏幕的onTouchEvent事件实现菜单的隐藏与显示

    @Override    public boolean onTouchEvent(MotionEvent event) {        int scrollX;        switch (event.getAction()) {            //按下            case MotionEvent.ACTION_DOWN:                downX = (int) event.getX();                break;            //移动            case MotionEvent.ACTION_MOVE:                int moveX = (int) event.getX();                //偏移量                int deltax = downX - moveX;                scrollX = getScrollX() + deltax;                //根据当前位置确定屏幕的显示                if (scrollX < -getChildAt(0).getMeasuredWidth()) {                    scrollTo(-getChildAt(0).getMeasuredWidth(), 0);                } else if (scrollX > 0) {                    scrollTo(0, 0);                } else {                    scrollBy(deltax, 0);                }                downX = moveX;                break;            //抬起            case MotionEvent.ACTION_UP:                int center = -getChildAt(0).getMeasuredWidth() / 2;                scrollX = getScrollX();                if (scrollX < center) {                    currentState = SCREEN_CONTENT;                } else {                    currentState = SCREEN_MAIN;                }                switchScreen();                break;        }        return true;    }    /**     * 根据currentState的状态来更改屏幕的显示     */    private void switchScreen() {        int startX = getScrollX();  //当前屏幕的X位置        int dX = 0;                 //增量=目的位置-当前位置        switch (currentState) {            case SCREEN_CONTENT://                scrollTo(-getChildAt(0).getMeasuredWidth(),0);                dX = -getChildAt(0).getMeasuredWidth() - startX;                break;            case SCREEN_MAIN://                scrollTo(0,0);                dX = 0 - startX;                break;        }        int duration = Math.abs(dX) * 10;        if (duration > 1000) {            duration = 1000;        }        scroller.startScroll(startX, 0, dX, 0, duration);        invalidate();    }    @Override    public void computeScroll() {        //当不在模拟数据时候跳出递归        if (scroller.computeScrollOffset()) {            //获取当前模拟的数据            int currX = scroller.getCurrX();            //更新位置            scrollTo(currX, 0);            invalidate();        }    }

       滑动的分析:

 1.当点击屏幕时记录下当前的位置downX,在移动的过程中根据当前位置moveX和downX计算偏移量

   根据偏移量的值不断的修正菜单和主内容在屏幕的显示位置；

         2.当抬起时，如果菜单显示出来的内容是否大于二分之一，那么滑动显示菜单，反之显示主内容

 3.currentState用来记录当前屏幕显示的是菜单还是主内容，并且是屏幕固定时偏移量计算的依据

 4.scroller.startScroll(startX,0,dX,0,duration)

   用来模拟X轴从startX到偏移dX经过duration时间的过程，但是这个方法只是模拟，并不会改变

   屏幕的显示，还需要通过invalidate()来修改屏幕的显示

 5.invalidate()在ViewGroup中通过调用DrawChild()->再调view.draw->computeScroll修改屏幕

   显示的内容，由于startScroll的数据是缓慢变化的，因此需要用递归不断的更新当前的显示，就

   实现了松手后菜单缓慢移动的效果

   三、回调简介

Android回调方法用的特别多，其原理类似于设计模式中的观察者模式，回调通过自身提供一个内部

接口，在接口定义统一的方法，那么不管是谁调用我，只要实现我接口中定义的方法，使代码有了很

好的封装性

   四、个人总结

写自定义控件一定要有的步骤:

1.分析控件的实现都有什么状态

2.找出状态之间转换的临界条件

3.实现即可