android DrawerLayout侧边栏实现

来源：互联网发布：中国的数据库公司编辑：程序博客网时间：2024/05/30 23:02

一.简介:

本文只是写了个简单的侧边栏的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下载地址：点击打开链接

1 0