android-仿QQtab

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/root"
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent" 
	>
	<LinearLayout 
		android:orientation="vertical"
		android:layout_width="fill_parent" 
		android:layout_height="fill_parent" 
		android:background="@drawable/default_bg"
		>
		<LinearLayout 
			android:orientation="horizontal"
			android:layout_width="fill_parent" 
			android:layout_height="fill_parent" 
			android:layout_weight="6.0"
			>
			<RelativeLayout 
				android:id="@+id/layout1"
				android:layout_width="fill_parent" 
				android:layout_height="wrap_content" 
				android:layout_weight="1.0"
				android:layout_gravity="center_vertical"
				>
				<ImageView
					android:id="@+id/tab1"
					android:layout_width="wrap_content" 
					android:layout_height="wrap_content" 
					android:src="@drawable/tab1"
					android:layout_centerInParent="true"
					/>
			</RelativeLayout>
			<RelativeLayout 
				android:id="@+id/layout2"
				android:layout_width="fill_parent" 
				android:layout_height="wrap_content" 
				android:layout_weight="1.0"
				android:layout_gravity="center_vertical"
				>
				<ImageView
					android:id="@+id/tab2"
					android:layout_width="wrap_content" 
					android:layout_height="wrap_content" 
					android:src="@drawable/tab2"
					android:layout_centerInParent="true"
					/>
			</RelativeLayout>
			<RelativeLayout 
				android:id="@+id/layout3"
				android:layout_width="fill_parent" 
				android:layout_height="wrap_content" 
				android:layout_weight="1.0"
				android:layout_gravity="center_vertical"
				>
				<ImageView
					android:id="@+id/tab3"
					android:layout_width="wrap_content" 
					android:layout_height="wrap_content" 
					android:src="@drawable/tab3"
					android:layout_centerInParent="true"
					/>
			</RelativeLayout>
		</LinearLayout>
		<RelativeLayout 
			android:orientation="horizontal"
			android:layout_width="fill_parent" 
			android:layout_height="fill_parent" 
			android:layout_weight="1.0"
			android:background="#ffffff"
			android:gravity="center"
			>
			<TextView
				android:id="@+id/text"
				android:layout_width="wrap_content" 
				android:layout_height="wrap_content" 
				android:text=""
				android:textColor="#000fff"
				android:textSize="20dip"
				android:layout_centerInParent="true"
				android:layout_marginLeft="15dip"
				/>
		</RelativeLayout>
	</LinearLayout>
</RelativeLayout>

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.RelativeLayout.LayoutParams;
import android.widget.TextView;

public class QQTabActivity extends Activity {
    /** Called when the activity is first created. */

	private RelativeLayout layout;
	
	private RelativeLayout layout1;
	private RelativeLayout layout2;
	private RelativeLayout layout3;
	
	private TextView text;
	private ImageView tab1;
	private ImageView tab2;
	private ImageView tab3;
	private ImageView first;
	private int current = 1; // 默认选中第一个，可以动态的改变此参数值
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        initUI();
    }
    private void initUI(){
    	layout =  (RelativeLayout) findViewById(R.id.root);
    	layout1 = (RelativeLayout) findViewById(R.id.layout1);
    	layout2 = (RelativeLayout) findViewById(R.id.layout2);
    	layout3 = (RelativeLayout) findViewById(R.id.layout3);
    	tab1  = (ImageView) findViewById(R.id.tab1);
    	tab2  = (ImageView) findViewById(R.id.tab2);
    	tab3  = (ImageView) findViewById(R.id.tab3);
    	text = (TextView) findViewById(R.id.text);
    	tab1.setOnClickListener(listener);
    	tab2.setOnClickListener(listener);
    	tab3.setOnClickListener(listener);
       RelativeLayout.LayoutParams rl  =  new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
       rl.addRule(RelativeLayout.CENTER_IN_PARENT,RelativeLayout.TRUE);
       first = new ImageView(this);
       first.setTag("first");
       first.setImageResource(R.drawable.topbar_select);
       switch (current) {
	case 1:
		layout1.addView(first,rl);
		current = R.id.tab1;
		text.setText("最近联系人");
		break;
	case 2:
		layout2.addView(first,rl);
		current = R.id.tab2;
		text.setText("我的联系人");
		break;
	case 3:
		layout3.addView(first,rl);
		current = R.id.tab3;
		text.setText("我的QQ群联系人");
		break;

	default:
		break;
	}
    }
    private boolean isAdd = false;// 是否添加过 top_select
    private int select_width;   // top_select_width
    private int select_height;  // top_select_height
    private int firstLeft;    // 第一次添加后的左边距*****
    private int startLeft;   // 起始左边距
 // 添加一个view，移除一个view
    private void replace(){
    	switch (current) {
		case R.id.tab1:
			changeTop(layout1);
			break;
		case R.id.tab2:
			changeTop(layout2);
			break;
		case R.id.tab3:
			changeTop(layout3);
			break;
		default:
			break;
		}
    }
    private void changeTop(RelativeLayout relativeLayout){
    	ImageView old = (ImageView) relativeLayout.findViewWithTag("first");
    	select_width   =old.getWidth();
    	select_height = old.getHeight();
    	RelativeLayout.LayoutParams rl = new RelativeLayout.LayoutParams(select_width, select_height);
    	rl.leftMargin = old.getLeft()+((RelativeLayout)old.getParent()).getLeft();
    	rl.topMargin = old.getTop()+((RelativeLayout)old.getParent()).getTop();
    	// 获取起始位置
    	firstLeft = old.getLeft()+((RelativeLayout)old.getParent()).getLeft();
    	ImageView iv = new ImageView(this);
    	iv.setTag("move");
    	iv.setImageResource(R.drawable.topbar_select);
    	layout.addView(iv,rl);
    	relativeLayout.removeView(old);
    }
   private OnClickListener listener = new OnClickListener() {
	
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		if(!isAdd){
			replace();// // 初次使用移除old 添加新的top_select为RelativeLayout所使用
			isAdd = true;
		}
		ImageView top_select = (ImageView) layout.findViewWithTag("move");
		int tabLeft = 0;
		int endLeft=0;
		boolean run =  false;
		switch (v.getId()) {
		case R.id.tab1:
			if(current!=R.id.tab1)
			{// 中心位置
			tabLeft = ((RelativeLayout)tab1.getParent()).getLeft()+tab1.getLeft()+tab1.getWidth()/2;
			// 最终位置
			endLeft = tabLeft-select_width/2;
			current = R.id.tab1;
			run = true;
			text.setText("最近联系人");
			}
			break;
		case R.id.tab2:
			if(current!=R.id.tab2){
				// 中心位置
				tabLeft = ((RelativeLayout)tab2.getParent()).getLeft()+tab2.getLeft()+tab2.getWidth()/2;
				// 最终位置
				endLeft = tabLeft-select_width/2;
				current = R.id.tab2;
				run = true;
				text.setText("我的联系人");
			}
				break;
		case R.id.tab3:
			if(current!=R.id.tab3){
				// 中心位置
				tabLeft = ((RelativeLayout)tab3.getParent()).getLeft()+tab3.getLeft()+tab3.getWidth()/2;
				// 最终位置
				endLeft = tabLeft-select_width/2;
				current = R.id.tab3;
				run = true;
				text.setText("我的QQ群联系人");
			}
				break;
		default:
			break;
		}
		if(run){
			TranslateAnimation animation =  new TranslateAnimation(startLeft, endLeft-firstLeft, 0, 0);//水平移动
			startLeft = endLeft  -firstLeft; 重新设定起始位置
			animation.setDuration(400);
			animation.setFillAfter(true);
			top_select.bringToFront();
			top_select.startAnimation(animation);
		}
	}
}; 
}