Android DrawerLayout的使用

创建一个抽屉式导航

1、概述

  抽屉在生活中很常见的物品，它可以抽出也可以推进去（隐藏），在我们的Android中也有这样一个抽屉（DrawerLayout）。因为今天刚学习，所以过来记录一。DrawerLayout把程序的主要选项隐藏在屏幕左边缘，当我们从手机左边缘开始向右滑动的的时候，隐藏的部分像抽屉一样被“抽”出来，显示相关选项。

2、创建一个抽屉式导航布局

<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">
<!-- The main content view -->
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- The navigation drawer -->
<ListView android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
android:background="#111"/>
</android.support.v4.widget.DrawerLayout>关于这个布局有几个重要的知识点需要注意：
（1）主要内容视图（FrameLayout)必须放在DrawerLayout布局的第一个孩子，作为主要展示的内容；

（2）主要内容视图设置为与父视图的宽度和高度匹配，因为它代表导航抽屉隐藏时的整个用户界面；

（3）隐藏的布局内容的重力水平android:layout_gravity属性值设为start；

（4）抽屉查看指定宽度和高度的DP单位匹配的父视图。抽屉的宽度不应超过320dp以便用户能看到的内容的一部分。

2、初始化抽屉的List

  在Activity中第一件要做的就是初始化抽屉式导航的列表内容，具体这么做，取决于你的应用程序的内容，但是一个导航抽屉往往由一个ListView组成，所以名单应该由一个适配器（如ArrayAdapter或simplecursoradapter）。接下来看以下代码：

public class MainActivity extends Activity {
private String[] mPlanetTitles;
private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
...

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

mPlanetTitles = getResources().getStringArray(R.array.planets_array);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);

// Set the adapter for the list view
mDrawerList.setAdapter(new ArrayAdapter<String>(this,
R.layout.drawer_list_item, mPlanetTitles));
// Set the list's click listener
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

...
}
}

此代码还需要setOnItemClickListener()在导航抽屉的名单接收点击事件。下面将演示如何实现此接口并在用户选择项目时更改内容视图。

3、处理导航的单击事件

  当用户选择一项在抽屉里的列表，系统调用onItemClick()上给予的OnItemClickListener  OnItemClickListener ()。在onItemClick()方法中，你做什么取决于你如何实现你的应用程序结构。在下面的例子中，选择列表中的每个项目将不同的片段为主要内容的看法（由r.id.content_frame ID标识FrameLayout元素）：

private class DrawerItemClickListener implements ListView.OnItemClickListener {
    @Override
    public void onItemClick(AdapterView parent, View view, int position, long id) {
        selectItem(position);
    }
}

/** Swaps fragments in the main content view */
private void selectItem(int position) {
    // Create a new fragment and specify the planet to show based on position
    Fragment fragment = new PlanetFragment<
4000
/span>();
    Bundle args = new Bundle();
    args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
    fragment.setArguments(args);

    // Insert the fragment by replacing any existing fragment
    FragmentManager fragmentManager = getFragmentManager();
    fragmentManager.beginTransaction()
                   .replace(R.id.content_frame, fragment)
                   .commit();

    // Highlight the selected item, update the title, and close the drawer
    mDrawerList.setItemChecked(position, true);
    setTitle(mPlanetTitles[position]);
    mDrawerLayout.closeDrawer(mDrawerList);
}

@Override
public void setTitle(CharSequence title) {
    mTitle = title;
    getActionBar().setTitle(mTitle);
}

4、监听抽屉打开关闭的事件

 

DrawerLayout.DrawerListener

mDrawerLayout.setDrawerListener(new DrawerListener()
{

@Override
public void onDrawerStateChanged(int arg0)
{
// TODO Auto-generated method stub

}

@Override
public void onDrawerSlide(View arg0, float arg1)
{
// TODO Auto-generated method stub

}

@Override
public void onDrawerOpened(View arg0)
{
// TODO Auto-generated method stub

}

@Override
public void onDrawerClosed(View arg0)
{
// TODO Auto-generated method stub

}
});

5、打开或关闭抽屉的方法
打开方法：mDrawerLayout.openDrawer(Gravity.LEFT);

关闭方法：mDrawerLayout.closeDrawer(Gravity.LEFT);