抽屉效果的实现

        在做谷歌电子市场的时候用的是DrawerLayout实现的抽屉效果，在新闻客户端的时候用的是开源框架SlidingMenu来实现的，总的来说，各有个的优点，侧滑（开源框架）实现的效果更好，但是DrawerLayout直接写布局文件就好了，不过我还是比较喜欢用开源框架的这个。下面分别来说说如何实现：

1、SlidingMenu

 首先要引入SlidingMenu的库文件的类库，不能直接导入jar包。然后 Activity继承SlidingFragmentActivity。其次，将onCreate方法改为public。

在主界面中添加如下代码：

[java] view plain copy

print ?

1. //调用api  
2.   
3.             setBehindContentView(R.layout.left_menu);// 设置侧边栏布局  
4.   
5.             SlidingMenu slidingMenu = getSlidingMenu();// 获取侧边栏对象  
6.             slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);// 设置全屏触摸  
7.       
8.             slidingMenu.setSecondaryMenu(R.layout.right_menu);// 设置右侧边栏  
9.             slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);// 设置展现模式  
10.       
11.             slidingMenu.setBehindOffset(100);// 设置预留屏幕的宽度  

//调用api

			setBehindContentView(R.layout.left_menu);// 设置侧边栏布局

			SlidingMenu slidingMenu = getSlidingMenu();// 获取侧边栏对象
			slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);// 设置全屏触摸
	
			slidingMenu.setSecondaryMenu(R.layout.right_menu);// 设置右侧边栏
			slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);// 设置展现模式
	
			slidingMenu.setBehindOffset(100);// 设置预留屏幕的宽度

在BasePager.Java中添加如下代码。

[java] view plain copy

print ?

1. /** 
2.      * 切换SlidingMenu的状态 
3.      *  
4.      * @param b 
5.      */  
6.     protected void toggleSlidingMenu() {  
7.         MainActivity mainUi = (MainActivity) mActivity;  
8.         SlidingMenu slidingMenu = mainUi.getSlidingMenu();  
9.         slidingMenu.toggle();// 切换状态, 显示时隐藏, 隐藏时显示  
10.     }  
11.   
12.     /** 
13.      * 初始化数据 
14.      */  
15.     public void initData() {  
16.   
17.     }  
18.   
19.     /** 
20.      * 设置侧边栏开启或关闭 
21.      *  
22.      * @param enable 
23.      */  
24.     public void setSlidingMenuEnable(boolean enable) {  
25.         MainActivity mainUi = (MainActivity) mActivity;  
26.   
27.         SlidingMenu slidingMenu = mainUi.getSlidingMenu();  
28.   
29.         if (enable) {  
30.             slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
31.         } else {  
32.             slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);  
33.         }  
34.     }  

/**
	 * 切换SlidingMenu的状态
	 * 
	 * @param b
	 */
	protected void toggleSlidingMenu() {
		MainActivity mainUi = (MainActivity) mActivity;
		SlidingMenu slidingMenu = mainUi.getSlidingMenu();
		slidingMenu.toggle();// 切换状态, 显示时隐藏, 隐藏时显示
	}

	/**
	 * 初始化数据
	 */
	public void initData() {

	}

	/**
	 * 设置侧边栏开启或关闭
	 * 
	 * @param enable
	 */
	public void setSlidingMenuEnable(boolean enable) {
		MainActivity mainUi = (MainActivity) mActivity;

		SlidingMenu slidingMenu = mainUi.getSlidingMenu();

		if (enable) {
			slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
		} else {
			slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);
		}
	}

每个子界面都可以用到如下的代码：

[java] view plain copy

print ?

1. public class SettingPager extends BasePager {  
2.   
3.     public SettingPager(Activity activity) {  
4.         super(activity);  
5.     }  
6.   
7.     @Override  
8.     public void initData() {  
9.         //System.out.println("初始化设置数据....");  
10.           
11.         tvTitle.setText("设置");  
12.         btnMenu.setVisibility(View.GONE);// 隐藏菜单按钮  
13.         setSlidingMenuEnable(false);// 关闭侧边栏  
14.   
15.         TextView text = new TextView(mActivity);  
16.         text.setText("设置");  
17.         text.setTextColor(Color.RED);  
18.         text.setTextSize(25);  
19.         text.setGravity(Gravity.CENTER);  
20.   
21.         // 向FrameLayout中动态添加布局  
22.         flContent.addView(text);  
23.     }  
24.   
25. }  

public class SettingPager extends BasePager {

	public SettingPager(Activity activity) {
		super(activity);
	}

	@Override
	public void initData() {
		//System.out.println("初始化设置数据....");
		
		tvTitle.setText("设置");
		btnMenu.setVisibility(View.GONE);// 隐藏菜单按钮
		setSlidingMenuEnable(false);// 关闭侧边栏

		TextView text = new TextView(mActivity);
		text.setText("设置");
		text.setTextColor(Color.RED);
		text.setTextSize(25);
		text.setGravity(Gravity.CENTER);

		// 向FrameLayout中动态添加布局
		flContent.addView(text);
	}

}

二、DrawerLayout

直接在布局文件中这样写：

[java] view plain copy

print ?

1. <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.         xmlns:tools="http://schemas.android.com/tools"  
3.         android:layout_width="match_parent"  
4.         android:layout_height="match_parent"  
5.         tools:context=".MainActivity"   
6.         android:id="@+id/dl">  
7.       
8.         <LinearLayout  
9.             android:layout_width="match_parent"  
10.             android:layout_height="match_parent"  
11.             android:layout_centerHorizontal="true"  
12.             android:layout_centerVertical="true"  
13.            />  
14.       
15.         <FrameLayout android:layout_width="match_parent"  
16.             android:layout_height="match_parent"  
17.             android:background="@drawable/bg_tab"  
18.             android:layout_gravity="left">  
19.               
20.         </FrameLayout>  
21.     </android.support.v4.widget.DrawerLayout>  

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
	    xmlns:tools="http://schemas.android.com/tools"
	    android:layout_width="match_parent"
	    android:layout_height="match_parent"
	    tools:context=".MainActivity" 
	    android:id="@+id/dl">
	
	    <LinearLayout
	        android:layout_width="match_parent"
	        android:layout_height="match_parent"
	        android:layout_centerHorizontal="true"
	        android:layout_centerVertical="true"
	       />
	
	    <FrameLayout android:layout_width="match_parent"
	        android:layout_height="match_parent"
	        android:background="@drawable/bg_tab"
	        android:layout_gravity="left">
	        
	    </FrameLayout>
	</android.support.v4.widget.DrawerLayout>

然后再主页面中添加：

控制抽屉的开关, 显示在actionBar 上面 

[java] view plain copy

print ?

1. public class MainActivity extends BaseActivity implements  
2.         OnQueryTextListener {  
3.     private DrawerLayout mDrawerLayout;  
4.     private ActionBarDrawerToggle drawerToggle;  
5.     private ViewPager mViewPager;  
6.     private PagerTabStrip pager_tab_strip;  
7.     private String[] tab_names;  // 标签的名字  
8.     @Override  
9.     protected void initActionBar() {  
10.         ActionBar actionBar = getSupportActionBar();  
11.         actionBar.setDisplayHomeAsUpEnabled(true);  
12.         actionBar.setHomeButtonEnabled(true);  
13.         /* 
14.          *  1）显示Navigation Drawer的 Activity 对象 
15.             2） DrawerLayout 对象 
16.             3）一个用来指示Navigation Drawer的 drawable资源 
17.             4）一个用来描述打开Navigation Drawer的文本 (用于支持可访问性)。 
18.             5）一个用来描述关闭Navigation Drawer的文本(用于支持可访问性).  
19.          */  
20.         drawerToggle = new ActionBarDrawerToggle(this,  
21.                 mDrawerLayout, R.drawable.ic_drawer_am, R.string.open_drawer,  
22.                 R.string.close_drawer){  
23.   
24.                     @Override  
25.                     public void onDrawerClosed(View drawerView) {  
26.                         super.onDrawerClosed(drawerView);  
27.                         Toast.makeText(getApplicationContext(), "抽屉关闭了", 0).show();  
28.                     }  
29.                     @Override  
30.                     public void onDrawerOpened(View drawerView) {  
31.                         super.onDrawerOpened(drawerView);  
32.                         Toast.makeText(getApplicationContext(), "抽屉打开了", 0).show();  
33.                     }  
34.               
35.         };  
36.         mDrawerLayout.setDrawerListener(drawerToggle);  
37.         //  让开关和actionbar建立关系   
38.         drawerToggle.syncState();  
39.           
40.     }  
41. }  

public class MainActivity extends BaseActivity implements
		OnQueryTextListener {
	private DrawerLayout mDrawerLayout;
	private ActionBarDrawerToggle drawerToggle;
	private ViewPager mViewPager;
	private PagerTabStrip pager_tab_strip;
	private String[] tab_names;  // 标签的名字
	@Override
	protected void initActionBar() {
		ActionBar actionBar = getSupportActionBar();
		actionBar.setDisplayHomeAsUpEnabled(true);
		actionBar.setHomeButtonEnabled(true);
		/*
		 *	1）显示Navigation Drawer的 Activity 对象
			2） DrawerLayout 对象
			3）一个用来指示Navigation Drawer的 drawable资源
			4）一个用来描述打开Navigation Drawer的文本 (用于支持可访问性)。
			5）一个用来描述关闭Navigation Drawer的文本(用于支持可访问性). 
		 */
		drawerToggle = new ActionBarDrawerToggle(this,
				mDrawerLayout, R.drawable.ic_drawer_am, R.string.open_drawer,
				R.string.close_drawer){

					@Override
					public void onDrawerClosed(View drawerView) {
						super.onDrawerClosed(drawerView);
						Toast.makeText(getApplicationContext(), "抽屉关闭了", 0).show();
					}
					@Override
					public void onDrawerOpened(View drawerView) {
						super.onDrawerOpened(drawerView);
						Toast.makeText(getApplicationContext(), "抽屉打开了", 0).show();
					}
			
		};
		mDrawerLayout.setDrawerListener(drawerToggle);
		//  让开关和actionbar建立关系 
		drawerToggle.syncState();
		
	}
}