ViewPager添加导航栏

给viewpager添加导航栏：
首先保证项目中有v4包，添加代码

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        >
        <android.support.v4.view.PagerTabStrip
            android:id="@+id/tab"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            >


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

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

</RelativeLayout>

pagerTabStrip一定要套在viewPager中才行。

在layout中添加三个viewPager布局，page1，page2，page3。

<?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:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

布局比较简单就是一个textView。
下面添加java代码：

package com.example.day1703;

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

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {
    private ViewPager viewPager;
    private PagerTabStrip tab;
    private List<String> list = new ArrayList<String>();
    private List<View> list2 = new ArrayList<View>();
    private LayoutInflater layoutInflater;

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

        getActionBar().hide();

        layoutInflater = LayoutInflater.from(this);
        viewPager = (ViewPager) findViewById(R.id.pager);
        tab = (PagerTabStrip) findViewById(R.id.tab);

        // 取消tab下面的长横线
        // tab.setDrawFullUnderline(false);
        // 设置tab的背景色
        // tabStrip.setBackgroundColor(Color.BLUE);
        // 设置当前tab页签的下划线颜色
        // tabStrip.setTabIndicatorColor(Color.RED);
        // tabStrip.setTextSpacing(200);
        list.add("aaaa");
        list.add("bbbb");
        list.add("cccc");

        list2.add(layoutInflater.inflate(R.layout.pager1, null));
        list2.add(layoutInflater.inflate(R.layout.pager2, null));
        list2.add(layoutInflater.inflate(R.layout.pager3, null));
        viewPager.setAdapter(new PagerAdapter() {

            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0 == arg1;
            }
            /**
             * 滑动时销毁控件
             * */
            @Override
            public void destroyItem(ViewGroup container, int position,
                    Object object) {
                ((ViewPager) container).removeView(list2.get(position));
            }
            /**
             * 滑动时候生成组件
             * */
            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                ((ViewPager) container).addView(list2.get(position));
                return list2.get(position);
            }

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

            @Override
            public CharSequence getPageTitle(int position) {
                // TODO Auto-generated method stub
                return list.get(position);
            }

            @Override
            public int getItemPosition(Object object) {
                return super.getItemPosition(object);
            }

        });
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });

    }

}

通过以上步骤就能实现简单的viewPager带导航。