Viewpager實現圖片輪播

//-------------主佈局文件-------------------------------------

<LinearLayout 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:orientation="vertical" >

    <RelativeLayout android:layout_width="fill_parent"
        android:layout_height="200dp">
        <android.support.v4.view.ViewPager
            android:layout_width="fill_parent"
            android:layout_height="200dp"
            android:id="@+id/vp_viewpager"></android.support.v4.view.ViewPager>
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:id="@+id/ll_dot"
        android:gravity="center"
        android:layout_alignBottom="@+id/vp_viewpager"></LinearLayout>
    </RelativeLayout>

</LinearLayout>

 

 

//---------------在res下新建一個drawable文件夾，在文件夾下建立XML文件 選中shape-----分別爲dot_focuse.xml   和  dot_normal.xml-------------------------------

//-------------dot_focuse.xml 中-----------------------------

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
 <corners android:radius="9dp"/>
 <solid android:color="#fff"/>
 
</shape>

//-----------------dot_normal.xml 中------------------------

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    

    <corners android:radius="9dp"/>
    <solid android:color="#88000000"/>
</shape>

 

//--------------------建立一個適配器類------------------------

package com.example.tuisong;

import java.util.List;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;

public class MyPagerAdapter extends PagerAdapter{
    
    private List<ImageView> viewlist;
    private Context context;
    private Handler handler;
            
    public MyPagerAdapter(List<ImageView> viewlist, Context context,
            Handler handler) {
        super();
        this.viewlist = viewlist;
        this.context = context;
        this.handler = handler;
    }
    
    @Override
    public int getCount() {
        
        return Integer.MAX_VALUE;
    }
    
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        
        return arg0==arg1;
    }
    
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        //經過控件集合獲取imageView 添加到容器中，並做爲key 返回
        ImageView imageView=viewlist.get(position%viewlist.size());    
        
        imageView.setOnTouchListener(new OnTouchListener() {
            
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                // 當按下的時候，中止輪播
                case MotionEvent.ACTION_DOWN:
                    // 移除全部的回調和消息
                    handler.removeCallbacksAndMessages(null);
                    break;
                    //擡起
                case MotionEvent.ACTION_UP:
                    
                    handler.sendEmptyMessageDelayed(0, 2000);
                    break;
                    // 取消的時候，繼續開始錄播
                case MotionEvent.ACTION_CANCEL:
                    
                    handler.sendEmptyMessageDelayed(0, 2000);
                    break;
                    

                default:
                    break;
                }
                //觸摸事件不被消費，true 消費該觸摸事件
                return true;
            }
        });
        
        
        
        
        
        //添加view
        container.addView(imageView);
        //設置圖片顯示整個佈局
        imageView.setScaleType(ScaleType.FIT_XY);
        //返回Imageview
        return imageView;
        
        
    }
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        //移除當前view
        container.removeView((View) object);
    }

}

//-----------------主activity中-----------------------------------------------

package com.example.tuisong;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import com.lidroid.xutils.BitmapUtils;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.Menu;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
  
    private String[] imageUrls = new String[] {
                "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
                 "http://pic2.nipic.com/20090424/1468853_230119053_2.jpg",
                 "http://img3.3lian.com/2013/s1/20/d/57.jpg",
                "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
                "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg" };
 
     private List<ImageView> viewList;//輪播圖片的集合    
     private List<ImageView> dotList;//小圓點的集合
    
    private ViewPager vp_viewpager;
    private LinearLayout ll_dot;
    
    private Handler handler=new Handler(){
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
            case 0:
                // 先去獲取到當前條目索引
                int currentItem=vp_viewpager.getCurrentItem();
                // 條目索引+1
                currentItem++;
                // 條目索引+1
                vp_viewpager.setCurrentItem(currentItem);
                // 條目索引+1,調用發送延遲消息的方法
                sendDelayMessage();
                break;
           

            default:
                break;
            }
        }

               
    };
    
  
    

  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件viewpager
        vp_viewpager = (ViewPager) findViewById(R.id.vp_viewpager);
      //找到控件Linearlayoout
        ll_dot = (LinearLayout) findViewById(R.id.ll_dot);

       // 初始化圖片
        initViewList();
                     
     // 初始化小圓點
         initDots();

         //設置適配器
         MyPagerAdapter adapter=new MyPagerAdapter(viewList, this, handler);
         vp_viewpager.setAdapter(adapter);

         // 設置初始的展現條目
         vp_viewpager.setCurrentItem(viewList.size()*1000000);
         // 設置延時切換
         sendDelayMessage();
     
   // 監聽viewPager的一個滑動事件
     vp_viewpager.setOnPageChangeListener(new OnPageChangeListener() {
        
        @Override
        public void onPageSelected(int arg0) {
            // 遍歷小點的集合
            for (int i = 0; i < dotList.size(); i++) {
                // 若是當前的索引值和i相等
                if (arg0%dotList.size()==i) {
                    // 設置小點爲亮色
                    dotList.get(i).setImageResource(R.drawable.dot_focuse);
                }else{
                    // 不然暗色
                    dotList.get(i).setImageResource(R.drawable.dot_normal);
                }
            }
            
        }
        
        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            
            
        }
        
        @Override
        public void onPageScrollStateChanged(int arg0) {
            
            
        }
    });
     
     
     
     
    }


//----------------------
    
    //發送延遲消息
    private void sendDelayMessage() {
        handler.sendEmptyMessageDelayed(0, 2000);
        
    }


    // 初始化小圓點            
    private void initDots() {
        // 建立一個裝小點控件的集合
        dotList=new ArrayList<ImageView>();
        dotList.clear();
        for (int i = 0; i < imageUrls.length; i++) {
            ImageView imageView=new ImageView(this);
            if (i==0) {
                // 若是是第一張，默認給一個亮的小點
                imageView.setImageResource(R.drawable.dot_focuse);
            }else{
                // 若是不是滴一個，默認給一個暗的小點
                imageView.setImageResource(R.drawable.dot_normal);
            }
            // 設置小點的默認寬高爲20dp   寬、高
            LayoutParams params=new LayoutParams(10, 10);
            // 設置小點的間距           左 、上、右、下
            params.setMargins(5, 0, 5, 0);
            ll_dot.addView(imageView,params);
            // 往小點集合中添加view
            dotList.add(imageView);
        }
    }



    /*// 初始化圖片    使用的是第三方的xuitls，須要導入xuitlsjar包
    private void initViewList() {
        // 先使用xutils的工具
        BitmapUtils bitmapUtils=new BitmapUtils(this);
        viewList=new ArrayList<ImageView>();
        for (int i = 0; i < imageUrls.length; i++) {
            // 建立imageView 並經過工具類將圖片設置到控件上
            ImageView imageView=new ImageView(this);
            bitmapUtils.display(imageView, imageUrls[i]);
            
            viewList.add(imageView);
        }
    }*/
    
    
    // 初始化圖片,使用的是第三方的ImageLoader，須要導入ImageLoader.jar包    private void initViewList() {                viewList=new ArrayList<ImageView>();        for (int i = 0; i < imageUrls.length; i++) {            // 建立imageView 並經過工具類將圖片設置到控件上            ImageView imageView=new ImageView(this);                        ImageLoader.getInstance().init(                    ImageLoaderConfiguration.createDefault(this));            DisplayImageOptions options = new DisplayImageOptions.Builder()                    .cacheInMemory(true).cacheOnDisk(true).build();            ImageLoader.getInstance().displayImage(                    imageUrls[i], imageView, options);            viewList.add(imageView);        }    }        }