android-自定义左滑右滑菜单

没有使用第三方类库,纯代码定制.主要用到的知识如下,

我们知道，不管是自定义View还是系统提供的TextView这些，它们都必须放置在LinearLayout等一些ViewGroup中，因此理论上我们可以很好的理解onMeasure()，onLayout()，onDraw()这三个函数：1.View本身大小多少，这由onMeasure()决定；2.View在ViewGroup中的位置如何，这由onLayout()决定；3.绘制View，onDraw()定义了如何绘制这个View。

一个MeasureSpec封装了父布局传递给子布局的布局要求，每个MeasureSpec代表了一组宽度和高度的要求。一个MeasureSpec由大小和模式组成。它有三种模式：UNSPECIFIED(未指定),父元素部队自元素施加任何束缚，子元素可以得到任意想要的大小；EXACTLY(完全)，父元素决定自元素的确切大小，子元素将被限定在给定的边界里而忽略它本身大小；AT_MOST(至多)，子元素至多达到指定大小的值。

　　它常用的三个函数：

　　1.static int getMode(int measureSpec):根据提供的测量值(格式)提取模式(上述三个模式之一)

　　2.static int getSize(int measureSpec):根据提供的测量值(格式)提取大小值(这个大小也就是我们通常所说的大小)

　　3.static int makeMeasureSpec(int size,int mode):根据提供的大小值和模式创建一个测量值(格式)

public static final int ACTION_DOWN = 0; // 按下事件
public static final int ACTION_UP = 1; // 抬起事件
public static final int ACTION_MOVE = 2; // 手势移动事件
public static final int ACTION_CANCEL = 3; // 取消

还有触摸事件,滚动的实现等,代码注释很详细

public class MainUI extends RelativeLayout {    private Context context;    private FrameLayout middleMenu,leftMenu,rightMenu;    //设置模版    private FrameLayout middlemask;    private Scroller scroller;    //属于自定义view,这里就需要用到这两个构造函数    public MainUI(Context context){        super(context);        inintView(context);    }    public MainUI(Context context, AttributeSet attrs) {        super(context, attrs);        inintView(context);    }    //初始化各种变量    public void inintView(Context context){        this.context = context;        //然后我们需要三个界面布局,这里用framelayout来承载        //设置滑动的是当前content和滑动样式        scroller = new Scroller(context,new DecelerateInterpolator());        leftMenu = new FrameLayout(context);        middleMenu = new FrameLayout(context);        rightMenu = new FrameLayout(context);        middlemask = new FrameLayout(context);        //为了区分给每个部分设置颜色        leftMenu.setBackgroundColor(Color.RED);        middleMenu.setBackgroundColor(Color.BLUE);        rightMenu.setBackgroundColor(Color.GREEN);        middlemask.setBackgroundColor(Color.GRAY);        middlemask.setAlpha(0);        //添加到当前布局        addView(leftMenu);        addView(middleMenu);        addView(rightMenu);        addView(middlemask);        //接下来要测量宽度,好用来给这三个部分分别设置宽度,放在onmeasure中    }    /**这个方法决定view本身的大小     * 这里的两个参数分别是屏幕的宽和高     * @param widthMeasureSpec     * @param heightMeasureSpec     */    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        //中间的宽度正好是整个屏幕        middleMenu.measure(widthMeasureSpec, heightMeasureSpec);        middlemask.measure(widthMeasureSpec, heightMeasureSpec);        //旁边的则最多为屏幕的80%        int realWidth = MeasureSpec.getSize(widthMeasureSpec);        int tempWidthMeasure = MeasureSpec.makeMeasureSpec(                (int)(realWidth*0.8f),MeasureSpec.EXACTLY);        leftMenu.measure(tempWidthMeasure, heightMeasureSpec);        rightMenu.measure(tempWidthMeasure, heightMeasureSpec);    }    /**这个方法决定view在layout中的位置     *四个参数对应屏幕 左上右下     * @param changed     */    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        super.onLayout(changed, l, t, r, b);        //中间菜单是中间的屏幕        middleMenu.layout(l, t, r, b);        middlemask.layout(l, t, r, b);        //左边的菜单则左边界要扩充        leftMenu.layout(l - leftMenu.getMeasuredWidth(), t, r, b);        //右边界左右都要设置        rightMenu.layout(                l + middleMenu.getMeasuredWidth(),                t,                l + middleMenu.getMeasuredWidth()                        + rightMenu.getMeasuredWidth(), b);        //接下来添加滑动事件    }    private boolean isTsetCompete;    /**     * 处理相应的触摸事件     * @param ev     * @return     */    @Override    public boolean dispatchTouchEvent(MotionEvent ev) {        if (!isTsetCompete){            getEventType(ev);            return true;        }        //如果是左右滑动        if (isleftrightmove){            switch(ev.getActionMasked()){                case MotionEvent.ACTION_MOVE:                    //得到滑动距离                    int currScrollX = getScrollX();                    //得到移动距离                    int dis_x = (int)(ev.getX() -point.x);                    //他俩差值肯定在20之间                    int expectX = -dis_x +currScrollX;                    int finalx=0;                    if (expectX<0){                        //右滑距离                        finalx = Math.max(expectX,-leftMenu.getMeasuredWidth());                    }else{                        //左滑距离                        finalx = Math.min(expectX,rightMenu.getMeasuredWidth());                    }                    scrollTo(finalx,0);                    point.x = (int) ev.getX();                    break;                //下面判断继续滑动或者手指离开屏幕                case MotionEvent.ACTION_UP:                case MotionEvent.ACTION_CANCEL:                    //判断如果滑动距离大于一半则自动滑动出来,否则滑动回去                    currScrollX = getScrollX();                    if (Math.abs(currScrollX) > leftMenu.getMeasuredWidth() >>1) {                        if (currScrollX < 0) {                            scroller.startScroll(currScrollX, 0, -leftMenu.getMeasuredWidth() - currScrollX, 0);                        }else {                            scroller.startScroll(currScrollX,0,leftMenu.getMeasuredWidth()-currScrollX,0);                        }                    }else{                        scroller.startScroll(currScrollX,0,-currScrollX,0);                    }                    //用于屏幕刷新                    invalidate();                    isleftrightmove = false;                    isTsetCompete = false;                    break;            }        }        return super.dispatchTouchEvent(ev);    }    /**     * 在滑动改变距离的同时改变透明度,这种方式很好,因为会先调用父类的方法,所以不会影响到原来程序的运行     * @param x     * @param y     */    @Override    public void scrollTo(int x, int y) {        super.scrollTo(x, y);        int cruX = Math.abs(getScrollX());        float fo = cruX / (float)middleMenu.getMeasuredWidth();        middlemask.setAlpha(fo);    }    /**     * 滚动条的回调方法     */    @Override    public void computeScroll() {        super.computeScroll();        if (!scroller.computeScrollOffset()){            return;        }        int tempX = scroller.getCurrX();        scrollTo(tempX,0);    }    private Point point = new Point();    private static final int TSET_DIS = 20;    private boolean isleftrightmove;    /**     * 用于判断触摸事件类型的函数     * @param ev     */    private void getEventType(MotionEvent ev) {        switch(ev.getActionMasked()){            case MotionEvent.ACTION_DOWN:                //得到当前坐标                point.x = (int) ev.getX();                point.y = (int) ev.getY();                break;            case MotionEvent.ACTION_MOVE:                int dX = Math.abs((int)ev.getX()-point.x);                int dY = Math.abs((int)ev.getY()-point.y);                //左右滑动                if (dX >=TSET_DIS && dX>dY){                    isleftrightmove = true;                    isTsetCompete = true;                    //为了滑动后可以再次滑动                    point.x = (int) ev.getX();                    point.y = (int) ev.getY();                }else if (dY>=TSET_DIS&&dY>dX){                    isleftrightmove = false;                    isTsetCompete = false;                    point.x = (int) ev.getX();                    point.y = (int) ev.getY();                }                break;            case MotionEvent.ACTION_UP:            case MotionEvent.ACTION_CANCEL:                break;        }    }}