帶有滾動效果的ViewPager

先看看效果


佈局文件如下：

<!--1.首先Viewpager 這個類是在V4這個jar包裏的。使用之前必須先添加這個包。一般來說，這個jar包會默認加載到工程中
2.viewpager 的創建也是採用適配器。這個和ListView類似。只是說Viewpager 的適配器需要繼承自PagerAdapter。
3.ViewPager本身是不能自動滑動的。要想實現自動滑動，必須不斷的改變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"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="fill_parent"
        android:layout_height="200dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/view_pager"
        android:orientation="vertical" 
        android:background="#33000000">

        <TextView
            android:id="@+id/content"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="****" />
<!--用來在代碼中動態的添加指示標籤，就是那幾個小圓點-->
        <LinearLayout
            android:id="@+id/view_group"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

Java代碼：

package com.example.ads;

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

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;
import android.app.Activity;

public class MainActivity extends Activity {
    private ViewPager viewPager;
    private LinearLayout viewgroup;
    /**
    標題*/
    private TextView content;
    /**
    記錄上一次位置
*/
    private int lastposition;
    /**
    記錄activity是否可見*/
    private boolean isRunning=false;
    // 圖片標題集合
    private final String[] imageDescriptions = { "鞏俐不低俗，我就不能低俗",
            "撲樹又回來啦！再唱經典老歌引萬人大合唱", "揭祕北京電影如何升級", "樂視網TV版大派送", "熱血屌絲的反殺" };
    // 圖片資源ID
    private final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c,
            R.drawable.d, R.drawable.e };
    // 存放ImageView對象
    private List<ImageView> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = (ViewPager) findViewById(R.id.view_pager);
        viewgroup = (LinearLayout) findViewById(R.id.view_group);
        content = (TextView) findViewById(R.id.content);
        list = new ArrayList<ImageView>();

        for (int i = 0; i < imageIds.length; i++) {
            //添加ImageView到List中
            ImageView imageView = new ImageView(getApplicationContext());
            imageView.setBackgroundResource(imageIds[i]);
            list.add(imageView);
            // 添加指示圖標
            ImageView imageView2 = new ImageView(getApplicationContext());
            //設置圖標的位置參數
            LinearLayout.LayoutParams params = new LayoutParams(
                    LinearLayout.LayoutParams.WRAP_CONTENT, -2);
            params.leftMargin = 15;
            params.bottomMargin = 3;
            imageView2.setLayoutParams(params);
        //bg是一個Selector，當把Imageview設置爲enable時顯示
        //一個顏色，false時顯示另外一個顏色   imageView2.setBackgroundResource(R.drawable.bg);
           //默認顯示第一個
            if (i == 0) {
                lastposition = 0;
                imageView2.setEnabled(true);
            } else {
                imageView2.setEnabled(false);
            }
            viewgroup.addView(imageView2);
        }
        viewPager.setAdapter(new MyPagerAdapter());
        content.setText(imageDescriptions[0]);
        viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE
                % list.size());
        handler.sendEmptyMessageDelayed(123, 2000);
        isRunning=true;
        //添加監聽事件
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {
/*當頁面滑動的後，回調該方法*/
            @Override
            public void onPageSelected(int position) {
                position = position % list.size();
                content.setText(imageDescriptions[position]);
                viewgroup.getChildAt(position).setEnabled(true);
                viewgroup.getChildAt(lastposition).setEnabled(false);
                lastposition = position;
            }

            @Override
            public void onPageScrolled(int position, float positionOffset,
                    int positionOffsetPixels) {
                // TODO Auto-generated method stub

            }

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

            }
        });
    }
/*使用Handler不斷髮送消息，實現頁面滑動*/
    Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == 123) {
                if(isRunning){
                viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
                handler.sendEmptyMessageDelayed(123, 2000);}
            }
        };
    };
/*自定義的Adapter*/
    class MyPagerAdapter extends PagerAdapter {
        @Override
        /**
         * viewPager條目數量，這裏直接設置一個特別大的數值，就是
         * 產生Integer.MAX_VALUE這麼多個條目。自動滑動也就是一直
         * 顯示下一個，但是由於這麼多條目裏的圖片是循環出現的，所以給
         * 人的感覺就是循環顯示。
         * 需要注意的是，創建這麼多的條目並不會導致內存溢出。
         * ViewPager並不會一次創建這麼多條目。
         * */
        public int getCount() {
            // TODO Auto-generated method stub
            return Integer.MAX_VALUE;
        }

        /**
         * 實例化ViewPager的Item,返回值是當前要實例化的對象。用來後邊對象的複用做判斷
         * */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(list.get(position % list.size()));
            return list.get(position % list.size());
        }

        /**
         * 銷燬ViewPager對象的item,不能調用父類的方法，否則他會認爲你沒有重寫這個方法而報錯
         * */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            System.out.println("destroyItem" + position);
            container.removeView((View) object);
        }

        /**
         * 判斷view 和 Object的關係
         * */
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

    }
    @Override
    protected void onPause() {
        isRunning=false;
        super.onPause();
    }
    @Override
    protected void onResume() {
        isRunning=true;
        super.onResume();
    }
}