基于Android官方DrawerLayout实现抽屉导航菜单

转载请注明出处：http://blog.csdn.net/zhangphil



基于Android官方DrawerLayout实现抽屉导航菜单

我之前写了一篇文章，基于第三方开源框架Android SlidingMenu实现抽屉导航菜单，文章链接地址：http://blog.csdn.net/zhangphil/article/details/44078805
事实上实现Android抽屉导航菜单的技术选型方案不少，其中还有一种方案就是基于Android官方的DrawerLayout。
如图1，图2所示就是基于Android官方DrawerLayout实现抽屉导航菜单。
图1

图2

Android DrawerLayout是Android在android-support-v4中引入的一个新的View组件，其本身继承自ViewGroup。使用DrawerLayout首先需要在项目代码中引入android-support-v4.jar包，好在现在基本上android-support-v4.jar包在Eclipse工程中已经默认添加。
开始写DrawerLayout代码实现抽屉导航菜单。
（1） 首先写一个布局文件activity_main.xml。

[html]  view plain  copy

1. <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:id="@+id/drawer_layout"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent" >  
5.   
6.     <FrameLayout  
7.         android:id="@+id/content_frame"  
8.         android:layout_width="match_parent"  
9.         android:layout_height="match_parent" />  
10.   
11.     <ListView  
12.         android:id="@+id/left_drawer"  
13.         android:layout_width="100dip"  
14.         android:layout_height="match_parent"  
15.         android:layout_gravity="left"  
16.         android:background="#42a5f5"  
17.         android:choiceMode="singleChoice"  
18.         android:divider="@android:color/transparent"  
19.         android:dividerHeight="5dip" />  
20.   
21. </android.support.v4.widget.DrawerLayout>  

在这本布局文件中，最上面的android:id="@+id/content_frame"的FrameLayout即为要打算盛放具体页面和内容容器。
而android:id="@+id/left_drawer"的ListView即为将要滑入滑出的导航菜单。为此ListView设置android:layout_gravity="left"，表示告知Android系统导航菜单要从左边滑入滑出。如果为“right”则表示要从右边滑入滑出。

（2）布局文件写完后，接下来就可以写代码实现。

[java]  view plain  copy

1. package zhangphil.navigationdrawer;  
2.   
3. import android.app.Activity;  
4. import android.app.Fragment;  
5. import android.app.FragmentManager;  
6. import android.content.res.Configuration;  
7. import android.os.Bundle;  
8. import android.support.v4.app.ActionBarDrawerToggle;  
9. import android.support.v4.widget.DrawerLayout;  
10. import android.view.Gravity;  
11. import android.view.LayoutInflater;  
12. import android.view.Menu;  
13. import android.view.MenuItem;  
14. import android.view.View;  
15. import android.view.ViewGroup;  
16. import android.widget.AdapterView;  
17. import android.widget.AdapterView.OnItemClickListener;  
18. import android.widget.ArrayAdapter;  
19. import android.widget.ListView;  
20. import android.widget.TextView;  
21. import android.widget.Toast;  
22.   
23. public class MainActivity extends Activity {  
24.   
25.     private static Activity activity;  
26.   
27.     private DrawerLayout mDrawerLayout;  
28.     private ListView mDrawerList;  
29.     private ActionBarDrawerToggle mDrawerToggle;  
30.   
31.     private CharSequence mDrawerTitle;  
32.     private CharSequence mTitle;  
33.     private static String[] mTitles = { "A", "B", "C", "D", "E" };  
34.   
35.     @Override  
36.     protected void onCreate(Bundle savedInstanceState) {  
37.         super.onCreate(savedInstanceState);  
38.   
39.         activity = this;  
40.         setContentView(R.layout.activity_main);  
41.   
42.         mTitle = mDrawerTitle = this.getTitle();  
43.   
44.         mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);  
45.         mDrawerList = (ListView) findViewById(R.id.left_drawer);  
46.   
47.         // mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow,  
48.         // GravityCompat.START);  
49.   
50.         mDrawerList.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mTitles));  
51.         mDrawerList.setOnItemClickListener(new OnItemClickListener() {  
52.   
53.             @Override  
54.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {  
55.                 selectItem(position);  
56.             }  
57.         });  
58.   
59.         getActionBar().setDisplayHomeAsUpEnabled(true);  
60.         getActionBar().setHomeButtonEnabled(true);  
61.   
62.         mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer, R.string.drawer_open,  
63.                 R.string.drawer_close) {  
64.             @Override  
65.             public void onDrawerClosed(View view) {  
66.                 getActionBar().setTitle(mTitle);  
67.                 Toast.makeText(activity, "抽屉关闭", Toast.LENGTH_SHORT).show();  
68.                 // invalidateOptionsMenu();  
69.             }  
70.   
71.             @Override  
72.             public void onDrawerOpened(View drawerView) {  
73.                 getActionBar().setTitle(mDrawerTitle);  
74.                 Toast.makeText(activity, "抽屉打开", Toast.LENGTH_SHORT).show();  
75.                 // invalidateOptionsMenu();  
76.             }  
77.         };  
78.   
79.         mDrawerLayout.setDrawerListener(mDrawerToggle);  
80.   
81.         if (savedInstanceState == null) {  
82.             selectItem(0);  
83.         }  
84.     }  
85.   
86.     private void selectItem(int position) {  
87.         Fragment fragment = new TextFragment();  
88.         Bundle args = new Bundle();  
89.         args.putInt(TextFragment.NUMBER, position);  
90.         fragment.setArguments(args);  
91.   
92.         FragmentManager fragmentManager = getFragmentManager();  
93.         fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();  
94.   
95.         mDrawerList.setItemChecked(position, true);  
96.         setTitle(mTitles[position]);  
97.         mDrawerLayout.closeDrawer(mDrawerList);  
98.     }  
99.   
100.     @Override  
101.     public void setTitle(CharSequence title) {  
102.         mTitle = title;  
103.         getActionBar().setTitle(mTitle);  
104.     }  
105.   
106.     // @Override  
107.     // public boolean onCreateOptionsMenu(Menu menu) {  
108.     // return super.onCreateOptionsMenu(menu);  
109.     // }  
110.   
111.     @Override  
112.     protected void onPostCreate(Bundle savedInstanceState) {  
113.         super.onPostCreate(savedInstanceState);  
114.         mDrawerToggle.syncState();  
115.     }  
116.   
117.     @Override  
118.     public void onConfigurationChanged(Configuration newConfig) {  
119.         super.onConfigurationChanged(newConfig);  
120.         mDrawerToggle.onConfigurationChanged(newConfig);  
121.     }  
122.   
123.     @Override  
124.     public boolean onPrepareOptionsMenu(Menu menu) {  
125.         // boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);  
126.         return super.onPrepareOptionsMenu(menu);  
127.     }  
128.   
129.     @Override  
130.     public boolean onOptionsItemSelected(MenuItem item) {  
131.         if (mDrawerToggle.onOptionsItemSelected(item)) {  
132.             return true;  
133.         }  
134.   
135.         return super.onOptionsItemSelected(item);  
136.     }  
137.   
138.     public static class TextFragment extends Fragment {  
139.   
140.         public static final String NUMBER = "number";  
141.   
142.         @Override  
143.         public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
144.   
145.             int i = getArguments().getInt(NUMBER);  
146.             String title = mTitles[i];  
147.   
148.             TextView text = new TextView(activity);  
149.             text.setText("内容:" + title);  
150.             text.setTextSize(50.0f);  
151.             text.setGravity(Gravity.CENTER);  
152.   
153.             activity.setTitle("标题:" + title);  
154.   
155.             return text;  
156.         }  
157.     }  
158. }  

DrawerLayout可以设置一个监听事件类setDrawerListener(new ActionBarDrawerToggle())监听抽屉导航菜单的打开、关闭状态。

我将此例的全部工程代码压缩成一个zip文件，上传到CSDN供有兴趣的朋友下载，下载链接：http://download.csdn.net/detail/zhangphil/9136213

此压缩包下载后直接作为Android Eclipse的工程导入即可跑起来。