AndroidDrawerLayout+fragment布局实现左右侧滑

• 技术要点： android.support.v4.widget.DrawerLayout

  打开抽屉： DrawerLayout .openDrawer();

  关闭抽屉：DrawerLayout.closeDrawer( );

  为slidingLayout设置一个layout_grative属性
  

  
  

  中间 左侧 右侧 
  

  点击first  点击second 

  
  

  
  

  代码：

  activity_main.xml
  

  view source print ?

  01. <android.support.v4.widget.DrawerLayout

  02. xmlns:android="http://schemas.android.com/apk/res/android"

  03. android:id="@+id/drawer_layout"

  04. android:layout_width="fill_parent"

  05. android:layout_height="fill_parent" >

  06.  

  07. <FrameLayout

  08. android:id="@+id/fragment_layout"

  09. android:layout_width="fill_parent"

  10. android:layout_height="fill_parent" >

  11. </FrameLayout>

  12. <RelativeLayout

  13. android:id="@+id/menu_layout_left"

  14. android:layout_width="300dp"

  15. android:layout_height="match_parent"

  16. android:layout_gravity="left"

  17. android:background="@android:color/holo_red_light">

  18. <ListView

  19. android:id="@+id/menu_listView_l"

  20. android:layout_width="match_parent"

  21. android:layout_height="match_parent" >

  22. </ListView>

  23. </RelativeLayout>

  24. <RelativeLayout

  25. android:id="@+id/menu_layout_right"

  26. android:layout_width="300dp"

  27. android:layout_height="match_parent"

  28. android:layout_gravity="right"

  29. android:background="#ff333333">

  30. <ListView

  31. android:id="@+id/menu_listView_r"

  32. android:layout_width="match_parent"

  33. android:layout_height="match_parent" >

  34. </ListView>

  35. </RelativeLayout>

  36. </android.support.v4.widget.DrawerLayout>
  
  
  

  first.xml

  view source print ?

  01. <LinearLayout

  02. xmlns:android="http://schemas.android.com/apk/res/android"

  03. android:id="@+id/drawer_layout"

  04. android:layout_width="match_parent"

  05. android:layout_height="match_parent"

  06. android:orientation="vertical" >

  07.  

  08. <TextView

  09. android:id="@+id/textView1"

  10. android:layout_width="wrap_content"

  11. android:layout_height="wrap_content"

  12. android:text="first"

  13. android:textAppearance="?android:attr/textAppearanceLarge" />

  14.  

  15. </LinearLayout>
  
  second.xml
  view source print ?

  01. <LinearLayout

  02. xmlns:android="http://schemas.android.com/apk/res/android"

  03. android:id="@+id/drawer_layout"

  04. android:layout_width="match_parent"

  05. android:layout_height="match_parent"

  06. android:orientation="vertical" >

  07.  

  08. <TextView

  09. android:id="@+id/textView1"

  10. android:layout_width="wrap_content"

  11. android:layout_height="wrap_content"

  12. android:text="second"

  13. android:textAppearance="?android:attr/textAppearanceLarge" />

  14.  

  15. </LinearLayout>
  
  

  MainActivity.java

  view source print ?

  001. package org.busyboy.drawerlayout;

  002.  

  003.  

  004. import com.example.testdrawerlayout.R;

  005.  

  006.  

  007. import android.os.Bundle;

  008. import android.app.Activity;

  009. import android.support.v4.app.Fragment;

  010. import android.support.v4.app.FragmentActivity;

  011. import android.support.v4.app.FragmentTransaction;

  012. import android.support.v4.widget.DrawerLayout;

  013. import android.view.Gravity;

  014. import android.view.View;

  015. import android.widget.AdapterView;

  016. import android.widget.ArrayAdapter;

  017. import android.widget.ListView;

  018. import android.widget.RelativeLayout;

  019. import android.widget.AdapterView.OnItemClickListener;

  020. import android.widget.TextView;

  021. public class MainActivity extends FragmentActivity

  022. {

  023.  

  024. public static final String[] TITLES = { "First", "Second" };

  025. private DrawerLayout mDrawer_layout;//DrawerLayout容器

  026. private RelativeLayout mMenu_layout_left;//左边抽屉

  027. private RelativeLayout mMenu_layout_right;//右边抽屉

  028.  

  029. @Override

  030. protected void onCreate(Bundle savedInstanceState)

  031. {

  032. super.onCreate(savedInstanceState);

  033. setContentView(R.layout.activity_main);

  034.  

  035. mDrawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);

  036. mMenu_layout_left = (RelativeLayout) findViewById(R.id.menu_layout_left);

  037. mMenu_layout_right = (RelativeLayout) findViewById(R.id.menu_layout_right);

  038. ListView menu_listview_l = (ListView) mMenu_layout_left.findViewById(R.id.menu_listView_l);

  039. ListView menu_listview_r = (ListView) mMenu_layout_right.findViewById(R.id.menu_listView_r);

  040.  

  041. menu_listview_l.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, TITLES));

  042. menu_listview_r.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, TITLES));

  043.  

  044. //监听菜单

  045. menu_listview_l.setOnItemClickListener(new DrawerItemClickListenerLeft());

  046. menu_listview_r.setOnItemClickListener(new DrawerItemClickListenerRight());

  047. }

  048. /**

  049. * 左侧列表点击事件     

  050. * @author busy_boy

  051. *

  052. */

  053. public class DrawerItemClickListenerLeft implements OnItemClickListener

  054. {

  055. @Override

  056. public void onItemClick(AdapterView<?> parent, View view, int position, long id)

  057. {

  058. FragmentTransaction ft = getSupportFragmentManager().beginTransaction();

  059. Fragment fragment = null;

  060.  

  061. //根据item点击行号判断启用哪个Fragment

  062. switch (position)

  063. {

  064. case 0:

  065. fragment = new FirstFragment();

  066. break;

  067. case 1:

  068. fragment = new SecondFragment();

  069. break;

  070. default:

  071. break;

  072. }

  073. ft.replace(R.id.fragment_layout, fragment);

  074. ft.commit();

  075. mDrawer_layout.closeDrawer(mMenu_layout_left);//关闭mMenu_layout

  076. }

  077.  

  078. }

  079. /**

  080. * 右侧列表点击事件     

  081. * @author busy_boy

  082. *

  083. */

  084. private class DrawerItemClickListenerRight implements OnItemClickListener {

  085. @Override

  086. public void onItemClick(AdapterView<?> parent, View view, int position, long id)

  087. {

  088. FragmentTransaction ft = getSupportFragmentManager().beginTransaction();

  089. Fragment fragment = null;

  090.  

  091. //根据item点击行号判断启用哪个Fragment

  092. switch (position)

  093. {

  094. case 0:

  095. fragment = new FirstFragment();

  096. break;

  097. case 1:

  098. fragment = new SecondFragment();

  099. break;

  100. default:

  101. break;

  102. }

  103. ft.replace(R.id.fragment_layout, fragment);

  104. ft.commit();

  105. mDrawer_layout.closeDrawer(mMenu_layout_right);//关闭mMenu_layout

  106. }

  107. }

  108. }
  
  FirstFragment.java
  
  view source print ?

  01. package org.busyboy.drawerlayout;

  02.  

  03. import com.example.testdrawerlayout.R;

  04.  

  05. import android.os.Bundle;

  06. import android.support.v4.app.Fragment;

  07. import android.view.LayoutInflater;

  08. import android.view.View;

  09. import android.view.ViewGroup;

  10.  

  11. public class FirstFragment extends Fragment {

  12.  

  13. @Override

  14. public View onCreateView(LayoutInflater inflater, ViewGroup container,

  15. Bundle savedInstanceState) {

  16. return inflater.inflate(R.layout.first, null);

  17. }

  18.  

  19. }
  
  SecondFragment.java
  
  view source print ?

  01. package org.busyboy.drawerlayout;

  02.  

  03. import com.example.testdrawerlayout.R;

  04.  

  05. import android.os.Bundle;

  06. import android.support.v4.app.Fragment;

  07. import android.view.LayoutInflater;

  08. import android.view.View;

  09. import android.view.ViewGroup;

  10.  

  11. public class SecondFragment extends Fragment {

  12.  

  13. @Override

  14. public View onCreateView(LayoutInflater inflater, ViewGroup container,

  15. Bundle savedInstanceState) {

  16. return inflater.inflate(R.layout.second, null);

  17. }

  18.  

  19. }
  
  

  android.support.v4.widget.DrawerLayout 官方文档位置：http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html