Android侧滑菜单（最简）

作为新手，对于侧滑菜单的使用，当然也是用最简单的实现方式。

一样的，首先来讲一下侧滑菜单的原理，其实很简单，就是关于屏幕的触碰事件，监听手指的移动来判断是显示菜单栏还是显示主页面，所以只需要在主页面横着放两个布局（一个菜单布局和一个主页面布局）即可，然后进行判断！

好了多的就不说了，上代码首先是主页面的布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal">    <LinearLayout        android:id="@+id/main_linear_menu"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical"        android:gravity="center">        <TextView            style="@style/text"            android:text="右边菜单"/>    </LinearLayout>    <LinearLayout        android:id="@+id/main_linear_content"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <TextView            style="@style/text"            android:text="主页面"/>    </LinearLayout></LinearLayout>

关于上面的style="@style/text"也贴出来供大家参考吧，其实大家完全可以自己写的，这个大家应该会的

<style name="text">        <item name="android:layout_height">wrap_content</item>        <item name="android:layout_width">wrap_content</item>        <item name="android:textColor">@color/red</item>        <item name="android:textSize">18dp</item></style>

最后便是重点了，主页面的滑动监听是显示主页面还是菜单页面，代码注释写的还算比较清楚就不多咯嗦了，大家看代码，有什么不懂的可以留言，有我时间会为大家解决的

public class MainActivity extends BaseActivity {    public int screenWidth;//屏幕的宽度    public int leftEdge;//左边菜单的左边距    /**     * menu布局的参数，通过此参数来更改leftMargin的值。     */    private LinearLayout.LayoutParams menuParams;    public float xDown;//手指按下的横坐标    public float xMove;//手指移动的横坐标    public float xup;//手指抬起的横坐标    private boolean isMenuVisible;    /**     * 用于计算手指滑动的速度。     */    private VelocityTracker mVelocityTracker;    /**     * 滚动显示和隐藏menu时，手指滑动需要达到的速度。     */    public static final int SNAP_VELOCITY = 200;    @InjectView(R.id.main_linear_menu)    LinearLayout mainLinearMenu;    @InjectView(R.id.main_linear_content)    LinearLayout mainLinearContent;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ButterKnife.inject(this);        initValues();        /**         * 监听主页面的滑动页面         */        mainLinearContent.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                if (mVelocityTracker == null) {                    mVelocityTracker = VelocityTracker.obtain();                }                mVelocityTracker.addMovement(event);                switch (event.getAction()){                    case MotionEvent.ACTION_DOWN:                        xDown = event.getRawX();                        break;                    case MotionEvent.ACTION_MOVE:                        xMove = event.getRawX();                        if (isMenuVisible){                            menuParams.leftMargin = (int)(xMove-xDown);                        }else{                            menuParams.leftMargin = leftEdge+(int)(xMove-xDown);                        }                        if(menuParams.leftMargin<leftEdge){                            menuParams.leftMargin=leftEdge;                        }else if(menuParams.leftMargin>0){                            menuParams.leftMargin = 0;                        }                        mainLinearMenu.setLayoutParams(menuParams);                        break;                    case MotionEvent.ACTION_UP:                        xup = event.getRawX();                        if(wantToShowMenu()){                            if(shouldShowMenu()){                                scrollToMenu();                            }else{                                scrollToContent();                            }                        }else if(wantToShowContent()){                            if(shouldShowContent()){                                scrollToContent();                            }else{                                scrollToMenu();                            }                        }                        recycleVelocityTracker();                        break;                }                return true;            }        });    }    //是否想去显示左边菜单    public boolean wantToShowMenu(){        return xup-xDown>0&&!isMenuVisible;    }    //是否能够显示左边菜单    public boolean shouldShowMenu(){        return xup-xDown>screenWidth/2||getScrollVelocity()>SNAP_VELOCITY;    }    //滑动显示左边菜单    public void scrollToMenu(){        new ScrollTask().execute(30);    }    //是否想去显示主页面    public boolean wantToShowContent(){        return xup-xDown<0&&isMenuVisible;    }    //是否能够显示主页面    public boolean shouldShowContent(){        return xDown-xup+80>screenWidth/2||getScrollVelocity()>SNAP_VELOCITY;    }    //滑动显示主页面    public void scrollToContent(){        new ScrollTask().execute(-30);    }    //滑动的速度    public int getScrollVelocity(){        mVelocityTracker.computeCurrentVelocity(1000);        return Math.abs((int)mVelocityTracker.getXVelocity());    }    /**     * 回收VelocityTracker对象。     */    private void recycleVelocityTracker() {        mVelocityTracker.recycle();        mVelocityTracker = null;    }    class ScrollTask extends AsyncTask<Integer,Integer,Integer>{        @Override        protected Integer doInBackground(Integer... params) {            int leftMargin = menuParams.leftMargin;            while (true){                leftMargin+=params[0];                if(leftMargin>0){                    leftMargin = 0;                    break;                }                if(leftMargin<leftEdge){                    leftMargin = leftEdge;                    break;                }                publishProgress(leftMargin);                try {                    Thread.sleep(20);                } catch (InterruptedException e) {                    e.printStackTrace();                }            }            if (params[0] > 0) {                isMenuVisible = true;            } else {                isMenuVisible = false;            }            return leftMargin;        }        @Override        protected void onProgressUpdate(Integer... leftMargin) {            menuParams.leftMargin = leftMargin[0];            mainLinearMenu.setLayoutParams(menuParams);        }        @Override        protected void onPostExecute(Integer leftMargin) {            menuParams.leftMargin = leftMargin;            mainLinearMenu.setLayoutParams(menuParams);        }    }    /**     * 初始化一些关键性数据。包括获取屏幕的宽度，给content布局重新设置宽度，给menu布局重新设置宽度和偏移距离等。     */    private void initValues() {        screenWidth = getWindowManager().getDefaultDisplay().getWidth();//获取屏幕宽度        menuParams = (LinearLayout.LayoutParams)mainLinearMenu.getLayoutParams();//获取左边菜单的父容器        menuParams.width = screenWidth-80;        leftEdge = -menuParams.width;        menuParams.leftMargin = leftEdge;        mainLinearContent.getLayoutParams().width = screenWidth;    }

这样侧滑菜单就实现了，如果有什么不懂的可以留言，我有时间会一一为大家做出解释的，如果对你有所帮助，请点个赞，谢谢！