Android DrawerLayout+fragment布局实现左右侧滑

打开抽屉： DrawerLayout .openDrawer();

关闭抽屉：DrawerLayout.closeDrawer( );

为slidingLayout设置一个layout_grative属性

中间左侧右侧

点击first 点击second

代码：

activity_main.xml

<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>

first.xml

<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>

second.xml

<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>

MainActivity.java

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

}

}

}

FirstFragment.java

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);

}

 

}

SecondFragment.java

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 SecondFragment extends Fragment
 {

 

@Override

public View
 onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle
 savedInstanceState) {

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

}

 

}

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

Biegral Blog

Android DrawerLayout+fragment布局实现左右侧滑

阅读排行

分类

归档