笔者之前已经做过了一个使用viewpgaer轮播效果的博客，但是viewpager本身也是深受androider的喜爱，如今基本每个app都会用到相关的功能，本篇文章也是讲一下用viewpager做主界面的用法。（笔者对viewpager的学习也是比较曲折，网上各种找不到符合自己功能的代码）

笔者之后又学习了viewpager+fragment的使用，地址为：http://blog.csdn.net/double2hao/article/details/50450377

主要功能：（源码在文章最后）

1、滑动的同时改变标题栏

2、点击标题栏的同时滑动

效果：

     

主要文件：

      

MainActivity:

import android.app.Activity;
import android.app.LocalActivityManager;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;

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

public class MainActivity extends Activity {

    //控件
    private ImageView img1, img2, img3, img4;
    private ViewPager vp;

    //LocalActivityManager用来获取每个activity的view,放于Adapter中
    //MyViewPageAdapter用来放viewpager的内容
    //OnClickListener设置底部图片的点击事件
    //OnPageChangeListener设置图片的滑动事件
    private LocalActivityManager manager;
    private MyViewPageAdapter viewPageAdapter;
    private OnClickListener clickListener;
    private OnPageChangeListener pageChangeListener;

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

        manager = new LocalActivityManager(this, true);
        manager.dispatchCreate(savedInstanceState);

        vp = (ViewPager) findViewById(R.id.viewpager);
        InitView();
    }


    private void InitView() {
        // TODO Auto-generated method stub
        img1 = (ImageView) findViewById(R.id.main_img1);
        img2 = (ImageView) findViewById(R.id.main_img2);
        img3 = (ImageView) findViewById(R.id.main_img3);
        img4 = (ImageView) findViewById(R.id.main_img4);
        clickListener = new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub

                switch (v.getId()) {
                    case R.id.main_img1:
                        vp.setCurrentItem(0);
                        break;
                    case R.id.main_img2:
                        vp.setCurrentItem(1);
                        break;
                    case R.id.main_img3:
                        vp.setCurrentItem(2);
                        break;
                    case R.id.main_img4:
                        vp.setCurrentItem(3);
                        break;
                }
            }
        };

        img1.setOnClickListener(clickListener);
        img2.setOnClickListener(clickListener);
        img3.setOnClickListener(clickListener);
        img4.setOnClickListener(clickListener);
        InitPager();

    }

    private void InitPager() {
        // TODO Auto-generated method stub
        pageChangeListener = new OnPageChangeListener() {
            @Override
            public void onPageSelected(int arg0) {
                // TODO Auto-generated method stub
                switch (arg0) {
                    case 0:
                        img1.setImageResource(R.drawable.main_icon1_1);
                        img2.setImageResource(R.drawable.main_icon2_2);
                        img3.setImageResource(R.drawable.main_icon3_2);
                        img4.setImageResource(R.drawable.main_icon4_2);
                        break;
                    case 1:
                        img1.setImageResource(R.drawable.main_icon1_2);
                        img2.setImageResource(R.drawable.main_icon2_1);
                        img3.setImageResource(R.drawable.main_icon3_2);
                        img4.setImageResource(R.drawable.main_icon4_2);
                        break;
                    case 2:
                        img1.setImageResource(R.drawable.main_icon1_2);
                        img2.setImageResource(R.drawable.main_icon2_2);
                        img3.setImageResource(R.drawable.main_icon3_1);
                        img4.setImageResource(R.drawable.main_icon4_2);
                        break;
                    case 3:
                        img1.setImageResource(R.drawable.main_icon1_2);
                        img2.setImageResource(R.drawable.main_icon2_2);
                        img3.setImageResource(R.drawable.main_icon3_2);
                        img4.setImageResource(R.drawable.main_icon4_1);
                        break;
                }
            }

            @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

            }
        };

        AddActivitiesToViewPager();
        vp.setCurrentItem(0);
        vp.setOnPageChangeListener(pageChangeListener);
    }

    private void AddActivitiesToViewPager() {
        List<View> mViews = new ArrayList<View>();
        Intent intent = new Intent();

        intent.setClass(this, Activity_one.class);
        intent.putExtra("id", 1);
        mViews.add(getView("QualityActivity1", intent));

        intent.setClass(this, Activity_two.class);
        intent.putExtra("id", 2);
        mViews.add(getView("QualityActivity2", intent));

        intent.setClass(this, Activity_three.class);
        intent.putExtra("id", 3);
        mViews.add(getView("QualityActivity3", intent));

        intent.setClass(this, Activity_four.class);
        intent.putExtra("id", 4);
        mViews.add(getView("QualityActivity4", intent));

        viewPageAdapter = new MyViewPageAdapter(mViews);
        vp.setAdapter(viewPageAdapter);

    }

    private View getView(String id, Intent intent) {
        return manager.startActivity(id, intent).getDecorView();

    }

}

MyViewPagerAdapter:

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

import java.io.Serializable;
import java.util.List;

public class MyViewPageAdapter extends PagerAdapter implements Serializable {
    private List<View> views;

    public MyViewPageAdapter(List<View> views) {
        this.views = views;
    }

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

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(views.get(position));
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(views.get(position), 0);
        return views.get(position);
    }
}

Activity_one:

import android.app.Activity;
import android.os.Bundle;

public class Activity_one extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout1);

    }
}

activity_main:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#F5F3F2">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/titile" />

    <LinearLayout
        android:id="@+id/titile"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        android:background="@drawable/tabbar_bg"
        android:orientation="horizontal">


        <ImageView
            android:id="@+id/main_img1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/main_icon1_1" />


        <ImageView
            android:id="@+id/main_img2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/main_icon2_2" />


        <ImageView
            android:id="@+id/main_img3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/main_icon3_2" />


        <ImageView
            android:id="@+id/main_img4"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/main_icon4_2" />

    </LinearLayout>

</RelativeLayout>

layout1:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="pager1"
        android:textSize="30sp"/>
</LinearLayout>

android studio源码地址：http://download.csdn.net/detail/double2hao/9328023

如果是使用eclipse的新手，可以将源码下载下来后，将图片抠出来。（不过还是建议赶紧换android studio哦）