viewpager + fragment实现动画效果

首先把布置ViewPager的界面：

<?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:background="@color/white"
    android:orientation="vertical" >

       <include
        android:id="@+id/headLayout"
        layout="@layout/head" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/bbsmore_title"
        android:background="@color/white"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/morebbs_all_tv"
            style="@style/bbsmoreactivity_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/samall_common" />

        <TextView
            android:id="@+id/morebbs_Focus_tv"
            style="@style/bbsmoreactivity_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/samall_private" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="4dp"
        android:background="@color/cursor_bg" >

        <ImageView
            android:id="@+id/morebbs_cursor_imag"
            android:layout_width="180dp"
            android:layout_height="wrap_content"
            android:background="@drawable/bbs_tab_line_bg" />
    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/samll_Pager"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:background="#ffffff"
        android:flipInterval="30"
        android:persistentDrawingCache="animation" />

</LinearLayout>

然后创建主活动EssentialAreasActivity：

public class EssentialAreasActivity extends FragmentActivity implements
		OnClickListener {
	//碎片一
	CommonActivity commonActivity;
	//碎片二
	PrivateActivity privateActivity;
	//页卡内容
	private ViewPager mPager;
	// Tab页面列表
	private ArrayList<Fragment> listViews;
	// 页卡左头标
	private TextView publicTextView;
	// 页卡左头标
	private TextView privateTextView;
	// 当前页卡编号
	private int currIndex;
	private String mColor = "#0066cc";
	public int page = 0;
	// 动画图片
	private ImageView mindexImage;
	private int displayWidth;
	private int displayHeight;
	private int width;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.small_yellow_pages_activity);
		InitView();
		InitViewPaper();

	}
	//初始化ViewPager
	private void InitViewPaper() {
		
		mPager = (ViewPager) findViewById(R.id.samll_Pager);
		listViews = new ArrayList<Fragment>();
		listViews.add(new CommonActivity(this));
		listViews.add(new PrivateActivity());

		mPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
		mPager.setCurrentItem(0);
		page = 1;

		mPager.setOnPageChangeListener(new MyOnPageChangeListener());

	}
	//ViewPager适配器
	public class MyPagerAdapter extends FragmentPagerAdapter {

		public MyPagerAdapter(FragmentManager fm) {
			super(fm);
		}

		@Override
		public Fragment getItem(int position) {
			return listViews.get(position);
		}

		@Override
		public int getCount() {
			return listViews.size();
		}

		@Override
		public CharSequence getPageTitle(int position) {
			return null;
		}
	}

	/**** 页卡切换监听 */
	public class MyOnPageChangeListener implements OnPageChangeListener {
		@Override
		public void onPageScrollStateChanged(int arg0) {

		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {

		}

		@Override
		public void onPageSelected(int arg0) {
			Animation animation = null;
			publicTextView.setTextColor(Color.parseColor("#000000"));
			privateTextView.setTextColor(Color.parseColor("#000000"));
			switch (arg0) {
			case 0:
				animation = mineonPageSelected(publicTextView, 0, currIndex,animation);
				page = 1;
				break;
			case 1:
				animation = mineonPageSelected(privateTextView, width, currIndex, animation);
				page = 2;
				break;
			}
			currIndex = arg0;
			animation.setFillAfter(true);// True:图片停在动画结束位置
			animation.setDuration(300);
			mindexImage.startAnimation(animation);

		}

		public Animation mineonPageSelected(TextView tchange, int toXDelta,
				int currIndex, Animation animation) {
			tchange.setTextColor(Color.parseColor(mColor));
			if (currIndex == 0) {
				animation = new TranslateAnimation(0, toXDelta, 0, 0);
			} else if (currIndex == 1) {
				animation = new TranslateAnimation(width, toXDelta, 0, 0);
			}
			return animation;
		}
	}
	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.morebbs_all_tv:
			mPager.setCurrentItem(0);
			break;
		case R.id.morebbs_Focus_tv:
			mPager.setCurrentItem(1);
			break;
			
		default:
			break;
		}
	
	}

	private void InitView() {
		Display currDisplay = getWindowManager().getDefaultDisplay();// 获取屏幕当前分辨率
		displayWidth = currDisplay.getWidth();
		displayHeight = currDisplay.getHeight();
		width = displayWidth / 2;
		
		publicTextView = (TextView) findViewById(R.id.morebbs_all_tv);
		privateTextView = (TextView) findViewById(R.id.morebbs_Focus_tv);
		mindexImage = (ImageView) findViewById(R.id.morebbs_cursor_imag);
		publicTextView.setOnClickListener(this);
		privateTextView.setOnClickListener(this);
	}

}

这样就完成了滑动切换碎片以及动画效果。