视线抽屉样式效果

main.xml主布局文件文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:id="@+id/container">
	<GridView android:id="@+id/gridview" android:layout_width="fill_parent"
		android:layout_height="fill_parent" android:numColumns="auto_fit"
		android:verticalSpacing="10dp" android:gravity="center"
		android:columnWidth="50dip" android:horizontalSpacing="10dip" />
</LinearLayout>

GridView布局文件Item.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_height="wrap_content" android:paddingBottom="4dip"
	android:layout_width="fill_parent">
	<ImageView android:layout_height="wrap_content" android:id="@+id/ItemImage"
		android:layout_width="wrap_content" android:layout_centerHorizontal="true">
	</ImageView>
	<TextView android:layout_width="wrap_content"
		android:layout_below="@+id/ItemImage" android:layout_height="wrap_content"
		android:text="TextView01" android:layout_centerHorizontal="true"
		android:id="@+id/ItemText">
	</TextView>
</RelativeLayout>  

核心功能文件Pannel.java文件：

package com.EX035;


import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import org.json.JSONException;
import org.json.JSONObject;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.os.AsyncTask;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.GestureDetector;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.LinearLayout.LayoutParams;

public class Panel extends LinearLayout implements GestureDetector.OnGestureListener{
	
	public interface PanelClosedEvent {
		void onPanelClosed(View panel);
	}
	
	public interface PanelOpenedEvent {
		void onPanelOpened(View panel);
	}
	
	private final static int HANDLE_WIDTH=30;
	private final static int MOVE_WIDTH=20;
	private Button btnHandler;
	private LinearLayout panelContainer;
	private int mRightMargin=0;
	private Context mContext;
	private GestureDetector mGestureDetector;
	private boolean mIsScrolling=false;
	private float mScrollX;
	private PanelClosedEvent panelClosedEvent=null;
	private PanelOpenedEvent panelOpenedEvent=null;
	
	public Panel(Context context,View otherView,int width,int height) {
		super(context);
		this.mContext=context;
		
		mGestureDetector = new GestureDetector(mContext,this);
		mGestureDetector.setIsLongpressEnabled(false);
		
		LayoutParams otherLP=(LayoutParams) otherView.getLayoutParams();
		otherLP.weight=1;
		otherView.setLayoutParams(otherLP);
		
		LayoutParams lp=new LayoutParams(width, height);
		lp.rightMargin=-lp.width+HANDLE_WIDTH;
		mRightMargin=Math.abs(lp.rightMargin);
		this.setLayoutParams(lp);
		this.setOrientation(LinearLayout.HORIZONTAL);
		
		btnHandler=new Button(context);
		btnHandler.setLayoutParams(new LayoutParams(HANDLE_WIDTH,height));
		//btnHandler.setOnClickListener(handlerClickEvent);
		btnHandler.setOnTouchListener(handlerTouchEvent);
		this.addView(btnHandler);

		panelContainer=new LinearLayout(context);
		panelContainer.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
				LayoutParams.FILL_PARENT));
		this.addView(panelContainer);

	}

	private View.OnTouchListener handlerTouchEvent=new View.OnTouchListener() {
		
		@Override
		public boolean onTouch(View v, MotionEvent event) {
			if(event.getAction()==MotionEvent.ACTION_UP && 
					mIsScrolling==true)
			{
				LayoutParams lp=(LayoutParams) Panel.this.getLayoutParams();
				if (lp.rightMargin >= (-mRightMargin/2)) {
					new AsynMove().execute(new Integer[] { MOVE_WIDTH });
				} 
				else if (lp.rightMargin < (-mRightMargin/2)) {
					new AsynMove().execute(new Integer[] { -MOVE_WIDTH });
				}
			}
			return mGestureDetector.onTouchEvent(event); 
		}
	};


	public void setPanelClosedEvent(PanelClosedEvent event)
	{
		this.panelClosedEvent=event;
	}
	


	public void setPanelOpenedEvent(PanelOpenedEvent event)
	{
		this.panelOpenedEvent=event;
	}
	

	public void fillPanelContainer(View v)
	{
		panelContainer.addView(v);
	}
	

	class AsynMove extends AsyncTask<Integer, Integer, Void> {

		@Override
		protected Void doInBackground(Integer... params) {
			int times;
			if (mRightMargin % Math.abs(params[0]) == 0)
				times = mRightMargin / Math.abs(params[0]);
			else
				times = mRightMargin / Math.abs(params[0]) + 1;

			for (int i = 0; i < times; i++) {
				publishProgress(params);
				try {
					Thread.sleep(Math.abs(params[0]));
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
			}
			return null;
		}

		@Override
		protected void onProgressUpdate(Integer... params) {
			LayoutParams lp = (LayoutParams) Panel.this.getLayoutParams();
			if (params[0] < 0)
				lp.rightMargin = Math.max(lp.rightMargin + params[0],
						(-mRightMargin));
			else
				lp.rightMargin = Math.min(lp.rightMargin + params[0], 0);

			if(lp.rightMargin==0 && panelOpenedEvent!=null){
				panelOpenedEvent.onPanelOpened(Panel.this);
			}
			else if(lp.rightMargin==-(mRightMargin) && panelClosedEvent!=null){
				panelClosedEvent.onPanelClosed(Panel.this);
			}
			Panel.this.setLayoutParams(lp);
		}
	}

	@Override
	public boolean onDown(MotionEvent e) {
		mScrollX=0;
		mIsScrolling=false;
		return false;
	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		LayoutParams lp = (LayoutParams) Panel.this.getLayoutParams();
		if (lp.rightMargin < 0)
			new AsynMove().execute(new Integer[] { MOVE_WIDTH });
		else if (lp.rightMargin >= 0)
			new AsynMove().execute(new Integer[] { -MOVE_WIDTH });
		return false;
	}
	
	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		mIsScrolling=true;
		mScrollX+=distanceX;
		
		LayoutParams lp=(LayoutParams) Panel.this.getLayoutParams();
		if (lp.rightMargin < -1 && mScrollX > 0) {
			lp.rightMargin = Math.min((lp.rightMargin + (int) mScrollX),0);
			Panel.this.setLayoutParams(lp);
			Log.e("onScroll",lp.rightMargin+"");
		} 
		else if (lp.rightMargin > -(mRightMargin) && mScrollX < 0) {
			lp.rightMargin = Math.max((lp.rightMargin + (int) mScrollX),-mRightMargin);
			Panel.this.setLayoutParams(lp);
		}
		
		if(lp.rightMargin==0 && panelOpenedEvent!=null){
			panelOpenedEvent.onPanelOpened(Panel.this);
		}
		else if(lp.rightMargin==-(mRightMargin) && panelClosedEvent!=null){
			panelClosedEvent.onPanelClosed(Panel.this);
		}
		Log.e("onScroll",lp.rightMargin+"");
		
		return false;
	}
	
	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {return false;}
	@Override
	public void onLongPress(MotionEvent e) {}
	@Override
	public void onShowPress(MotionEvent e) {}

}

main.java:

package com.EX035;

import java.util.ArrayList;
import java.util.HashMap;

import com.EX035.R;
import com.EX035.Panel.PanelClosedEvent;
import com.EX035.Panel.PanelOpenedEvent;


import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.LinearLayout.LayoutParams;

public class main extends Activity {
	public Panel panel;
	public LinearLayout container;
	public GridView gridview;
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		this.setTitle("“抽屉构建");
		gridview = (GridView) findViewById(R.id.gridview);
		container=(LinearLayout)findViewById(R.id.container);
		panel=new Panel(this,gridview,200,LayoutParams.FILL_PARENT);
		container.addView(panel);
		
	
		TextView tvTest=new TextView(this);
		tvTest.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
		tvTest.setText("测试组件，红字白底");
		tvTest.setTextColor(Color.RED);
		tvTest.setBackgroundColor(Color.WHITE);

		panel.fillPanelContainer(tvTest);
		
		panel.setPanelClosedEvent(panelClosedEvent);
		panel.setPanelOpenedEvent(panelOpenedEvent);
		

		ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();
		for (int i = 0; i < 100; i++) {
			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put("ItemImage", R.drawable.icon);
			map.put("ItemText", "NO." + String.valueOf(i));
			lstImageItem.add(map);
		}

		SimpleAdapter saImageItems = new SimpleAdapter(this, 
				lstImageItem,
				R.layout.item, 
				new String[] { "ItemImage", "ItemText" },
				new int[] { R.id.ItemImage, R.id.ItemText });
		gridview.setAdapter(saImageItems);
		gridview.setOnItemClickListener(new ItemClickListener());
		
	}

	PanelClosedEvent panelClosedEvent =new PanelClosedEvent(){

		@Override
		public void onPanelClosed(View panel) {
			Log.e("panelClosedEvent","panelClosedEvent");
		}
		
	};
	
	PanelOpenedEvent panelOpenedEvent =new PanelOpenedEvent(){

		@Override
		public void onPanelOpened(View panel) {
			Log.e("panelOpenedEvent","panelOpenedEvent");
		}
		
	};
	
	class ItemClickListener implements OnItemClickListener {
		@Override
		public void onItemClick(AdapterView<?> arg0,View arg1, int arg2, long arg3) {
			@SuppressWarnings("unchecked")
			HashMap<String, Object> item = (HashMap<String, Object>) arg0
					.getItemAtPosition(arg2);
			setTitle((String) item.get("ItemText"));
		}

	}
}