AndroidDrawerLayout+fragment布局实现左右侧滑

中间

左侧

右侧

点击first

点击second

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<FrameLayout
android:id="@+id/fragment_layout"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
</FrameLayout>
<RelativeLayout
android:id="@+id/menu_layout_left"
android:layout_width="300dp"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="@android:color/holo_red_light">
<ListView
android:id="@+id/menu_listView_l"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</RelativeLayout>
<RelativeLayout
android:id="@+id/menu_layout_right"
android:layout_width="300dp"
android:layout_height="match_parent"
android:layout_gravity="right"
android:background="#ff333333">
<ListView
android:id="@+id/menu_listView_r"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</RelativeLayout>
</android.support.v4.widget.DrawerLayout>

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="first"
android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="second"
android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

package org.busyboy.drawerlayout;

import com.example.testdrawerlayout.R;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.view.Gravity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.TextView;
public class MainActivity extends FragmentActivity
{

public static final String[] TITLES = { "First", "Second" };
private DrawerLayout mDrawer_layout;//DrawerLayout容器
private RelativeLayout mMenu_layout_left;//左边抽屉
private RelativeLayout mMenu_layout_right;//右边抽屉

@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

mDrawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);
mMenu_layout_left = (RelativeLayout) findViewById(R.id.menu_layout_left);
mMenu_layout_right = (RelativeLayout) findViewById(R.id.menu_layout_right);
ListView menu_listview_l = (ListView) mMenu_layout_left.findViewById(R.id.menu_listView_l);
ListView menu_listview_r = (ListView) mMenu_layout_right.findViewById(R.id.menu_listView_r);

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

//监听菜单
menu_listview_l.setOnItemClickListener(new DrawerItemClickListenerLeft());
menu_listview_r.setOnItemClickListener(new DrawerItemClickListenerRight());
}
/**
* 左侧列表点击事件
* @author busy_boy
*
*/
public class DrawerItemClickListenerLeft implements OnItemClickListener
{
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id)
{
FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
Fragment fragment = null;

//根据item点击行号判断启用哪个Fragment
switch (position)
{
case 0:
fragment = new FirstFragment();
break;
case 1:
fragment = new SecondFragment();
break;
default:
break;
}
ft.replace(R.id.fragment_layout, fragment);
ft.commit();
mDrawer_layout.closeDrawer(mMenu_layout_left);//关闭mMenu_layout
}

}
/**
* 右侧列表点击事件
* @author busy_boy
*
*/
private class DrawerItemClickListenerRight implements OnItemClickListener {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id)
{
FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
Fragment fragment = null;

//根据item点击行号判断启用哪个Fragment
switch (position)
{
case 0:
fragment = new FirstFragment();
break;
case 1:
fragment = new SecondFragment();
break;
default:
break;
}
ft.replace(R.id.fragment_layout, fragment);
ft.commit();
mDrawer_layout.closeDrawer(mMenu_layout_right);//关闭mMenu_layout
}
}
}

package org.busyboy.drawerlayout;

import com.example.testdrawerlayout.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FirstFragment extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.first, null);
}

}

import com.example.testdrawerlayout.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class SecondFragment extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.second, null);
}

}