抽屉菜单（一）---简单实现

抽屉菜单的一种实现方法

一、方法步骤

概述：

所谓抽屉菜单，便是当手指在屏幕横向滑动时候，左边屏幕会滑出或者滑入一个View，好像抽屉一样可以闭合，下面简述一个最简单的抽屉菜单的实现（肯定需要优化）。

这里是采用一个HorizontalScrollView，默认情况下在屏幕下显示内容区域（mContent），影藏抽屉菜单（mMenu），监听手指动作，当手指横向滑动特定距离（scrollX），动态的设置抽屉菜单（mMenu）位置（重写onLayout方法），并在onTouchEvent方法中判断横向滑动距离的大小，若大于（如：scrollX > mMenuWidth / 2）某个特定的值，则显示打开菜单，否则恢复到默认状态（屏幕显示内容区域）。

1.定义一个slidingmenu继承HorizontalScrollView类。

2.设置抽屉菜单（mMenu）和内容区域（mContent）的宽度，这个需要重写onMeasure方法。

3.屏幕上显示内容区域（mContent），通过设置偏移量，影藏抽屉菜单（mMenu）,这个需要重写onLayout方法。

3.当手指横向滑动时候，动态设置抽屉菜单（mMenu）的位置，这个需要重写onScrollChanged方法。

4.判断横向滑动距离的大小，若大于某个特定的值，则显示打开菜单，否则恢复到默认状态（屏幕显示内容区域），这个需要重写onTouchEvent方法。

package com.imooc.slidingmenu.view;

    import android.content.Context;
    import android.content.res.TypedArray;
    import android.util.AttributeSet;
    import android.util.DisplayMetrics;
    import android.util.TypedValue;
    import android.view.MotionEvent;
    import android.view.ViewGroup;
    import android.view.WindowManager;
    import android.widget.HorizontalScrollView;
    import android.widget.LinearLayout;

    import com.imooc.slidingmenu.R;
    import com.nineoldandroids.view.ViewHelper;

    public class SlidingMenu extends HorizontalScrollView
    {
    private LinearLayout mWapper;
    private ViewGroup mMenu;
    private ViewGroup mContent;
    private int mScreenWidth;

    private int mMenuWidth;
    // dp
    private int mMenuRightPadding = 50;

    private boolean once;

    private boolean isOpen;

    /**
     * 未使用自定义属性时，调用
     * 
     * @param context
     * @param attrs
     */
    public SlidingMenu(Context context, AttributeSet attrs)
    {
        this(context, attrs, 0);
    }

    /**
     * 当使用了自定义属性时，会调用此构造方法
     * 
     * @param context
     * @param attrs
     * @param defStyle
     */
    public SlidingMenu(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);

        // 获取我们定义的属性，这里我们自定义了一个mMenuRightPadding
        TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
                R.styleable.SlidingMenu, defStyle, 0);

        int n = a.getIndexCount();
        for (int i = 0; i < n; i++)
        {
            int attr = a.getIndex(i);
            switch (attr)
            {
            case R.styleable.SlidingMenu_rightPadding:
                mMenuRightPadding = a.getDimensionPixelSize(attr,
                        (int) TypedValue.applyDimension(
                                TypedValue.COMPLEX_UNIT_DIP, 50, context
                                        .getResources().getDisplayMetrics()));
                break;
            }
        }
        a.recycle();

        WindowManager wm = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics outMetrics = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);
        mScreenWidth = outMetrics.widthPixels;

    }

    public SlidingMenu(Context context)
    {
        this(context, null);
    }

    /**
     * 设置子View的宽和高 设置自己的宽和高
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        if (!once)
        {
            mWapper = (LinearLayout) getChildAt(0);
            mMenu = (ViewGroup) mWapper.getChildAt(0);
            mContent = (ViewGroup) mWapper.getChildAt(1);
            mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth
                    - mMenuRightPadding;
            mContent.getLayoutParams().width = mScreenWidth;
            once = true;
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    /**
     * 通过设置偏移量，将menu隐藏
     */
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b)
    {
        super.onLayout(changed, l, t, r, b);
        if (changed)
        {
            this.scrollTo(mMenuWidth, 0);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev)
    {
        int action = ev.getAction();
        switch (action)
        {
        case MotionEvent.ACTION_UP:
            // 隐藏在左边的宽度
            int scrollX = getScrollX();
            if (scrollX >= mMenuWidth / 2)
            {
                this.smoothScrollTo(mMenuWidth, 0);
                isOpen = false;
            } else
            {
                this.smoothScrollTo(0, 0);
                isOpen = true;
            }
            return true;
        }
        return super.onTouchEvent(ev);
    }

    /**
     * 打开菜单
     */
    public void openMenu()
    {
        if (isOpen)
            return;
        this.smoothScrollTo(0, 0);
        isOpen = true;
    }

    public void closeMenu()
    {
        if (!isOpen)
            return;
        this.smoothScrollTo(mMenuWidth, 0);
        isOpen = false;
    }

    /**
     * 切换菜单
     */
    public void toggle()
    {
        if (isOpen)
        {
            closeMenu();
        } else
        {
            openMenu();
        }
    }

    /**
     * 滚动发生时
     */
    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt)
    {
        super.onScrollChanged(l, t, oldl, oldt);
        float scale = l * 1.0f / mMenuWidth; // 1 ~ 0
        ViewHelper.setTranslationX(mMenu, mMenuWidth*scale);
        ViewHelper.setScaleY(mContent, rightScale);

    }

    }