效果如下:
DrawerLayout来自support.v4包,所以不用考虑兼容性问题。其次,这种布局类似风靡一时的侧滑菜单,但是比侧滑菜单轻巧许多。
下面介绍这种布局的使用方式。
1.在你的项目中导入support.v4包。
2.编辑一个布局,根节点为android.support.v4.widget.DrawerLayout,此节点下只允许有两个子节点,第一个为将来主页面的内容,第二个节点即为"抽屉"内容,通常是一个ListView。比如:
<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" > <LinearLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈" android:textColor="#000" android:textSize="20sp" /> <Button android:id="@+id/but_open" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="开启抽屉" /> </LinearLayout> <!-- 一定要加 layout_gravity="start" --> <ListView android:id="@+id/left_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="#111" android:choiceMode="singleChoice" android:divider="@android:color/transparent" android:dividerHeight="0dp" /> </android.support.v4.widget.DrawerLayout>3.编写代码,监听相关事件:
package com.example.drawerlayoutdemo1; import android.app.Activity; import android.os.Bundle; import android.support.v4.widget.DrawerLayout; import android.util.Log; import android.view.Gravity; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ListView; public class MainActivity extends Activity { protected static final String TAG = "MainActivity"; private DrawerLayout mDrawerLayout = null; private ListView lv = null; private Button but_open = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); lv = (ListView) findViewById(R.id.left_drawer); but_open = (Button) findViewById(R.id.but_open); but_open.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { mDrawerLayout.openDrawer(Gravity.LEFT); } }); lv.setAdapter(new ArrayAdapter<String>(this,R.layout.test,R.id.tv_item,new String[]{"条目1","条目2","条目3"})); mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() { @Override public void onDrawerClosed(View drawerView) { Log.i(TAG,"抽屉关闭了..."); } @Override public void onDrawerOpened(View drawerView) { Log.i(TAG,"抽屉打开了..."); } @Override public void onDrawerSlide(View drawerView, float slideOffset) { Log.i(TAG,"抽屉在滑动..."); } @Override public void onDrawerStateChanged(int newState) { switch (newState) { case DrawerLayout.STATE_DRAGGING: Log.i(TAG,"拖动状态"); break; case DrawerLayout.STATE_IDLE: Log.i(TAG,"静止状态"); break; case DrawerLayout.STATE_SETTLING: Log.i(TAG,"设置状态"); break; default: break; } } }); lv.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { switch (position) { case 0: Log.i(TAG,"条目1被点击"); break; case 1: Log.i(TAG,"条目2被点击"); break; case 2: Log.i(TAG,"条目3被点击"); break; } } }); } }