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();
    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);