利用SlidingPaneLayout仿Android QQ5.0侧滑

参考:http://blog.csdn.net/xyz_lmn/article/details/8635967

slidingPaneLayout是V4包中新添加的组件，可以实现两列面板的切换,SlidingPanelLayout为在UI最上层的使用提供了一个水平的，多个面板的布局。左边的面板可以看作是一个内容列表或者是浏览，右边的面板的任务是显示详细的内容。

SlidingPaneLayout类也是直接继承于ViewGroup类，所以这个类也是当作容器类使用，在使用时通常可以和Fragement组件一起使用。

可以用它来实现如下效果:

 

MainActivity代码:

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.widget.SlidingPaneLayout;
import android.support.v4.widget.SlidingPaneLayout.PanelSlideListener;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.Toast;

public class MainActivity extends FragmentActivity {
	FrameLayout left,right;
	SlidingPaneLayout slidingPaneLayout;
    @Override
    protected void onCreate(Bundle arg0) {
    	super.onCreate(arg0);
    	
    	setContentView(R.layout.activity_main);
    	slidingPaneLayout=(SlidingPaneLayout  )findViewById(R.id.slidingPaneLayout);
    	left=(FrameLayout  )findViewById(R.id.leftfragment);
    	right=(FrameLayout  )findViewById(R.id.rightfragment);
    	
    	FragmentManager fragmentManager =this.getSupportFragmentManager();
    	fragmentManager.beginTransaction().add(R.id.leftfragment, new Left(),"left")
    	.commit();
    	
    	fragmentManager.beginTransaction().add(R.id.rightfragment, new Right(),"right")
    	.commit();
    	
    	slidingPaneLayout.setPanelSlideListener(new PanelSlideListener(){

			@Override
			 public void onPanelSlide(View panel, float slideOffset) {
				left.setScaleY(slideOffset / 2 + 0.5F);
				left.setScaleX(slideOffset / 2 + 0.5F);
				left.setAlpha(slideOffset);
				right.setScaleY(1 - slideOffset / 5);
			}
			@Override
			public void onPanelOpened(View arg0) {
			}

			@Override
			public void onPanelClosed(View arg0) {
			}
    		
    	});
    }

    public void rightClick(View view ){
    	Button btn = (Button)view;
    	Toast.makeText(this, btn.getText()+"--click--", 1).show();
    }
}

activity_main布局文件:

<RelativeLayout 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:background="#ff4512" >

    <android.support.v4.widget.SlidingPaneLayout
        android:id="@+id/slidingPaneLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <FrameLayout  
            android:id="@+id/leftfragment"
            android:layout_width="200dip"
            android:layout_height="match_parent"
            />

        <FrameLayout  
            android:id="@+id/rightfragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
           />
    </android.support.v4.widget.SlidingPaneLayout>

</RelativeLayout>

Left :

public class Left extends Fragment {
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.left, container, false);
	}
}

leftxml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="vertical" >

    <Button
        android:layout_width="match_parent"
        android:layout_height="60dip"
        android:gravity="center_horizontal|center_vertical"
        android:onClick="rightClick"
        android:text="btn1" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="60dip"
        android:gravity="center_horizontal|center_vertical"
        android:onClick="rightClick"
        android:text="btn2" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="60dip"
        android:gravity="center_horizontal|center_vertical"
        android:onClick="rightClick"
        android:text="btn3" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="60dip"
        android:gravity="center_horizontal|center_vertical"
        android:onClick="rightClick"
        android:text="btn4" />

</LinearLayout>

Right:

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

public class Right extends Fragment {
   @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
		Bundle savedInstanceState) {
	return    inflater.inflate(R.layout.right, container, false);  
}
}

rightxml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#aa8754"
        android:gravity="center_vertical|center_horizontal"
        android:text="right" />

</LinearLayout>

http://download.csdn.net/detail/pz0605/8184397