ViewPager欢迎页

布局 

<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.support.v4.view.ViewPager
        android:id="@+id/ViewPager1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/Container_PagerIndicator" >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/Container_PagerIndicator"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/Container_bottom"
        android:layout_gravity="bottom"
        android:gravity="center_horizontal" >

        <ImageView
            android:id="@+id/page0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@null"
            android:scaleType="matrix"
            android:src="@drawable/page_now" />

        <ImageView
            android:id="@+id/page1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:contentDescription="@null"
            android:scaleType="matrix"
            android:src="@drawable/page" />

        <ImageView
            android:id="@+id/page2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:contentDescription="@null"
            android:scaleType="matrix"
            android:src="@drawable/page" />

        <ImageView
            android:id="@+id/page3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:contentDescription="@null"
            android:scaleType="matrix"
            android:src="@drawable/page" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/Container_bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical" >

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/register" >
        </Button>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/login" >
        </Button>
    </LinearLayout>

</RelativeLayout>

 代码

package com.wangzhen.myviewpager;

import java.util.ArrayList;

import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ContentView;
import com.lidroid.xutils.view.annotation.ViewInject;

import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.content.Context;
import android.os.Bundle;

@ContentView(R.layout.activity_main)
public class MainActivity extends ActionBarActivity implements
        OnPageChangeListener {
    Context mContext;
    LayoutInflater mInflater;

    @ViewInject(R.id.ViewPager1)
    private ViewPager ViewPager1;
    @ViewInject(R.id.page0)
    private ImageView page0;
    @ViewInject(R.id.page1)
    private ImageView page1;
    @ViewInject(R.id.page2)
    private ImageView page2;
    @ViewInject(R.id.page3)
    private ImageView page3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        ViewUtils.inject(this);
        mContext = this;
        ViewPager1.setOnPageChangeListener(this);
        InflateViewPager();
    }

    /**
     * 填充ViewPager数据
     */
    private void InflateViewPager() {

        mInflater = LayoutInflater.from(mContext);
        View view1 = mInflater.inflate(R.layout.pager1, null);
        View view2 = mInflater.inflate(R.layout.pager2, null);
        View view3 = mInflater.inflate(R.layout.pager3, null);
        View view4 = mInflater.inflate(R.layout.pager4, null);

        // 将View装入List中
        final ArrayList<View> views = new ArrayList<View>();
        views.add(view1);
        views.add(view2);
        views.add(view3);
        views.add(view4);

        // 填充Pager的数据适配器
        PagerAdapter mAdapter = new PagerAdapter() {

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

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

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

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

        };

        ViewPager1.setAdapter(mAdapter);
    }

    @Override
    public void onPageScrollStateChanged(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 onPageSelected(int arg0) {
        switch (arg0) {
        case 0:
            page0.setImageDrawable(getResources().getDrawable(
                    R.drawable.page_now));
            page1.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page2.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page3.setImageDrawable(getResources().getDrawable(R.drawable.page));
            break;
        case 1:
            page0.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page1.setImageDrawable(getResources().getDrawable(
                    R.drawable.page_now));
            page2.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page3.setImageDrawable(getResources().getDrawable(R.drawable.page));
            break;
        case 2:
            page0.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page1.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page2.setImageDrawable(getResources().getDrawable(
                    R.drawable.page_now));
            page3.setImageDrawable(getResources().getDrawable(R.drawable.page));
            break;
        case 3:
            page0.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page1.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page2.setImageDrawable(getResources().getDrawable(R.drawable.page));
            page3.setImageDrawable(getResources().getDrawable(
                    R.drawable.page_now));
            break;

        default:
            break;
        }

    }

}