android DrawerLayout侧边栏实现

一.简介:

本文只是写了个简单的侧边栏的demo，界面基本没有做处理,实现过程中添加了右划对主界面按钮点击事件的拦截，效果图：

二.实现：

1.activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorAccent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:onClick="click"
            android:text="主界面" />
        </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#fff"
        android:orientation="vertical">

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="@null" />
    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

2.MainActivity类：

public class MainActivity extends Activity {
    private static final String TAG = "MainActivity";
    private String[] mLeftMenu = {"头像", "设置", "我的"};
    private DrawerLayout mDrawerLayout;
    private ListView mListView;

    //滑动的其实X坐标。
    private float startX;
    //如果侧边栏显示拦截按钮的监听。
    private boolean isScrollOpen = false;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        mListView = (ListView) findViewById(R.id.listview);
        mListView.setAdapter(new ArrayAdapter<>(this,
                R.layout.drawer_list_item, mLeftMenu));
        mDrawerLayout.openDrawer(Gravity.LEFT);
        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                mDrawerLayout.closeDrawer(Gravity.LEFT);
                showMessage("您点击了" + mLeftMenu[position]);
            }
        });
    }

    public void click(View view) {
        showMessage("您点击了主页面");
    }

    private void showMessage(String message) {
        Toast.makeText(this, message, Toast.LENGTH_SHORT).show();
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.e(TAG, "dispatchTouchEvent: " );
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                isScrollOpen = false;
                startX = ev.getX();
                break;
            case MotionEvent.ACTION_MOVE:
                if (!mDrawerLayout.isDrawerOpen(Gravity.LEFT) && ev.getX() - startX > 10) {
                    mDrawerLayout.openDrawer(Gravity.LEFT);
                    isScrollOpen = true;
                }
                break;
            case MotionEvent.ACTION_UP:
                if(isScrollOpen){
                    return true;
                }
                break;
        }
        return super.dispatchTouchEvent(ev);
    }
}

3.drawer_list_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:gravity="center">

</TextView>

三.注意事项：

1.xml中DrawerLayout包裹的布局设置android:layout_gravity="left"表示在左边DrawerLayout的openDrawer()和closeDrawer();方法传入要打开和关闭左边还是右边。

demo下载地址：点击打开链接