DrawerLayout 的使用

drawerLayout是Support Library包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

实例一：

[java]  view plain  copy

 print ?

1. public class DrawerBasicActivity extends AppCompatActivity {  
2.     private ListView mLv;  
3.     private DrawerLayout drawerLayout;  
4.     private FrameLayout mContentLayout;  
5.   
6.     @Override  
7.     protected void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.activity_drawer_basic);  
10.         mLv = (ListView) findViewById(R.id.left_lv);  
11.         drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);  
12.         mContentLayout = (FrameLayout) findViewById(R.id.drawer_content);  
13.   
14.         drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {  
15.             @Override  
16.             public void onDrawerSlide(View drawerView, float slideOffset) {  
17.                 //抽屉滑动式回调的方法  
18.                 Log.i("tag","---onDrawerSlide---"+slideOffset);  
19.             }  
20.   
21.             @Override  
22.             public void onDrawerOpened(View drawerView) {  
23.                 //抽屉打开时会回调的方法  
24.                 Log.i("tag","---onDrawerOpened---");  
25.             }  
26.   
27.             @Override  
28.             public void onDrawerClosed(View drawerView) {  
29.                 Log.i("tag","---onDrawerClosed---");  
30.             }  
31.   
32.             @Override  
33.             public void onDrawerStateChanged(int newState) {  
34.                 //抽屉的状态改变时会回调的方法  
35.                 Log.i("tag","---onDrawerStateChanged---");  
36.             }  
37.         });  
38.     }  
39.   
40.     public void open(View view) {  
41.         drawerLayout.openDrawer(mLv);  
42.     }  
43. }  

[html]  view plain  copy

 print ?

1. <android.support.v4.widget.DrawerLayout  
2.        android:id="@+id/drawer_layout"  
3.        android:layout_height="match_parent"  
4.        android:layout_width="match_parent">  
5.        <FrameLayout  
6.            android:id="@+id/drawer_content"  
7.            android:layout_width="match_parent"  
8.            android:layout_height="match_parent"  
9.            android:background="#00ffff">  
10.            <Button  
11.                android:id="@+id/open"  
12.                android:layout_width="match_parent"  
13.                android:layout_height="wrap_content"  
14.                android:text="打开抽屉"  
15.                android:onClick="open"/>  
16.        </FrameLayout>  
17.        <ListView  
18.            android:id="@+id/left_lv"  
19.            android:layout_width="200dp"  
20.            android:layout_height="match_parent"  
21.            android:layout_gravity="left"  
22.            android:background="@color/red"  
23.            android:entries="@array/books"></ListView>  
24.    </android.support.v4.widget.DrawerLayout>  

效果：

实例二：与fragment使用

[java]  view plain  copy

 print ?

1. public class DrawerFragmentActivity extends AppCompatActivity {  
2.   
3.     private LeftFragment leftFragment;  
4.     private RightFragment rightFragment;  
5.     private DrawerLayout drawer;  
6.   
7.     @Override  
8.     protected void onCreate(Bundle savedInstanceState) {  
9.         super.onCreate(savedInstanceState);  
10.         setContentView(R.layout.content_drawer_fragment);  
11.         drawer = (DrawerLayout) findViewById(R.id.drawer);  
12.         initView();  
13.     }  
14.   
15.     private void initView(){  
16.         leftFragment = new LeftFragment();  
17.         getFragmentManager().beginTransaction().replace(R.id.left_menu,leftFragment).commit();  
18.         rightFragment = new RightFragment();  
19.         getFragmentManager().beginTransaction().replace(R.id.right_menu,rightFragment).commit();  
20.   
21.     }  
22.   
23.     public void open(View view) {  
24.   
25.         switch (view.getId()) {  
26.             case R.id.openleft:  
27.                 if (drawer.isDrawerOpen(Gravity.LEFT)){  
28.                     drawer.closeDrawer(Gravity.LEFT);  
29.                 }else {  
30.                     drawer.openDrawer(Gravity.LEFT);  
31.                 }  
32.   
33.                 break;  
34.             case R.id.openright:  
35.                 if (drawer.isDrawerOpen(Gravity.RIGHT)){  
36.                     drawer.closeDrawer(Gravity.RIGHT);  
37.                 }else {  
38.                     drawer.openDrawer(Gravity.RIGHT);  
39.                 }  
40.   
41.                 break;  
42.         }  
43.     }  
44. }  

[html]  view plain  copy

 print ?

1. <RelativeLayout  
2.         android:id="@+id/title"  
3.         android:layout_width="match_parent"  
4.         android:layout_height="60dp"  
5.         android:background="#000000">  
6.         <Button  
7.             android:id="@+id/openleft"  
8.             android:onClick="open"  
9.             android:layout_width="wrap_content"  
10.             android:layout_height="wrap_content"  
11.             android:text="左边"/>  
12.         <Button  
13.             android:id="@+id/openright"  
14.             android:onClick="open"  
15.             android:layout_width="wrap_content"  
16.             android:layout_height="wrap_content"  
17.             android:text="右边"  
18.             android:layout_alignParentRight="true"/>  
19.     </RelativeLayout>  
20.     <android.support.v4.widget.DrawerLayout  
21.         android:id="@+id/drawer"  
22.         android:layout_height="match_parent"  
23.         android:layout_width="match_parent"  
24.         android:layout_below="@+id/title">  
25.         <LinearLayout  
26.             android:id="@+id/content_layout"  
27.             android:layout_width="match_parent"  
28.             android:layout_height="match_parent"  
29.             android:orientation="vertical"  
30.             android:background="@mipmap/www">  
31.   
32.         </LinearLayout>  
33.         <RelativeLayout  
34.             android:id="@+id/left_menu"  
35.             android:layout_width="200dp"  
36.             android:layout_height="match_parent"  
37.             android:layout_gravity="left"  
38.             ></RelativeLayout>  
39.   
40.         <RelativeLayout  
41.             android:id="@+id/right_menu"  
42.             android:layout_width="240dp"  
43.             android:layout_height="match_parent"  
44.             android:layout_gravity="right"  
45.             ></RelativeLayout>  
46.     </android.support.v4.widget.DrawerLayout>  

效果：