viewpager中的PagerTabStrip和PagerTitleStrap

ViewPager中实现顶部导航条滑动的实现

第一步：layout文件

<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="${relativePackage}.${activityClass}" >

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="30dp" >

        <android.support.v4.view.PagerTabStrip
            android:id="@+id/pts"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom" >
        </android.support.v4.view.PagerTabStrip>

        <!--
       <android.support.v4.view.PagerTitleStrip
          
        android:id="@+id/pts"
           android:layout_gravity="bottom"
            android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           ></android.support.v4.view.PagerTitleStrip>
        -->

    </android.support.v4.view.ViewPager>

</RelativeLayout>

第二步：java文件

package com.example.com.syd.viewpager;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {

	ViewPager viewPager;
	List<View> listview;
	MyPagerAdapter adapter;
	PagerTabStrip tabStrip;

	// PagerTitleStrip tabStrip;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		listview = new ArrayList<View>();
		viewPager = (ViewPager) findViewById(R.id.vp);
		tabStrip = (PagerTabStrip) findViewById(R.id.pts);
		// tabStrip = (PagerTitleStrip) findViewById(R.id.pts);

		
		/**
		 * 对tabStrip的属性进行设置
		 */
		tabStrip.setDrawFullUnderline(false);
		tabStrip.setTabIndicatorColor(Color.RED);
		tabStrip.setBackgroundColor(Color.GRAY);
		tabStrip.setTextColor(Color.GREEN);

		// data
		View view1 = LayoutInflater.from(this).inflate(R.layout.view1, null);
		View view2 = LayoutInflater.from(this).inflate(R.layout.view2, null);
		View view3 = LayoutInflater.from(this).inflate(R.layout.view3, null);
		View view4 = LayoutInflater.from(this).inflate(R.layout.view4, null);
		View view5 = LayoutInflater.from(this).inflate(R.layout.view5, null);
		listview.add(view1);
		listview.add(view2);
		listview.add(view3);
		listview.add(view4);
		listview.add(view5);
		// adaper
		adapter = new MyPagerAdapter();

		// bind
		viewPager.setAdapter(adapter);

	}

	class MyPagerAdapter extends PagerAdapter {

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return listview.size();
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			// TODO Auto-generated method stub
			container.addView(listview.get(position));
			return listview.get(position);
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			// TODO Auto-generated method stub
			container.removeView(listview.get(position));
		}

		/**
		 * 重写每一个pager的title内容
		 */
		@Override
		public CharSequence getPageTitle(int position) {
			// TODO Auto-generated method stub
			return "第" + position + "个内容";
		}

	}

}

源码下载