android ViewPager使用

最近有些忙，博客一直都没怎么写，回到家就不想碰电脑了，今天抽个空写一写吧。今天要为大家写的是关于ViewPager的文章，其实这个也不算太难吧，网上有很多的资料，看着并不是太好，觉得不太好用。好了进入正题，首先还是先展示工程结构图吧

广告轮播的效果其实就是用这个ViewPager来实现，当然我们肯定需要自定义自己的控件

下面我会贴出自定义控件的代码：

package com.yuriko.viewpager;import android.content.Context;import android.support.v4.view.ViewPager;import android.util.AttributeSet;import android.view.MotionEvent;public class MyViewPager extends ViewPager {public MyViewPager(Context context) {super(context);}public MyViewPager(Context context, AttributeSet attrs) {super(context, attrs);}@Overridepublic boolean onInterceptTouchEvent(MotionEvent event) {// TODO Auto-generated method stubboolean res=super.onInterceptTouchEvent(event);float Prex=0;if(event.getAction()==MotionEvent.ACTION_DOWN){Prex=event.getX();}else{if(Math.abs(event.getX()-Prex)>4){return true;}else{Prex=event.getX();}}return res;}}

下面我会贴出图片信息的model，可能有些人会问为什么还需要图片信息的model呢。其实原因是这样的，对于轮播的情况下，可能你的图片是个广告类型的，广告图片肯定需要有链接了，所以和纯图片就完全不一样了，还有些可能会需要宣传图片等等。

代码如下：

package com.yuriko.viewpager;public class Advert {private String url;private String advertUrl;//图片类型，可以是广告图片，纯图片，或者是宣传图片private int type;public String getUrl() {return url;}public void setUrl(String url) {this.url = url;}public String getAdvertUrl() {return advertUrl;}public void setAdvertUrl(String advertUrl) {this.advertUrl = advertUrl;}public int getType() {return type;}public void setType(int type) {this.type = type;}}

现在我们需要在Activity上进行显示了

代码如下：

package com.yuriko.viewpager;import java.util.ArrayList;import java.util.List;import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;import com.nostra13.universalimageloader.core.DisplayImageOptions;import com.nostra13.universalimageloader.core.ImageLoader;import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;import com.nostra13.universalimageloader.core.assist.ImageScaleType;import android.app.Activity;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Handler;import android.os.Message;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.view.ViewParent;import android.widget.ImageView;import android.widget.ImageView.ScaleType;import android.widget.LinearLayout.LayoutParams;public class MainActivity extends Activity {private ImageLoader loader;//图片的信息集合private List<Advert> advertList;private DisplayImageOptions options;//图片的集合，会将信息转换为图片，并且信息还是需要保存的，因为考虑到图片是什么类型的，比方说可能是广告链接private List<ImageView> imageList;private MyViewPager myviewpager;//页号private int scrollItem = 0;/**     * 请求更新显示的View。     */    protected static final int MSG_UPDATE_IMAGE  = 1;    /**     * 请求暂停轮播。     */    protected static final int MSG_KEEP_SILENT   = 2;    /**     * 请求恢复轮播。     */    protected static final int MSG_BREAK_SILENT  = 3;    /**     * 记录最新的页号，当用户手动滑动时需要记录新页号，否则会使轮播的页面出错。     * 例如当前如果在第一页，本来准备播放的是第二页，而这时候用户滑动到了末页，     * 则应该播放的是第一页，如果继续按照原来的第二页播放，则逻辑上有问题。     */    protected static final int MSG_PAGE_CHANGED  = 4;  //轮播间隔时间    protected static final long MSG_DELAY = 3000;    private Handler handler=new Handler(){@Overridepublic void handleMessage(Message msg) {// TODO Auto-generated method stubsuper.handleMessage(msg);if(handler.hasMessages(MSG_UPDATE_IMAGE)){handler.removeMessages(MSG_UPDATE_IMAGE);}switch(msg.what){//更新viewcase MSG_UPDATE_IMAGE://页号+1scrollItem++;//显示当前页号myviewpager.setCurrentItem(scrollItem);//准备下次轮播handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);break;//停止轮播case MSG_KEEP_SILENT://不发送任何东西表示停止轮播break;//开始轮播case MSG_BREAK_SILENT:handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);break;//记录页号case MSG_PAGE_CHANGED://记录当前页号scrollItem=msg.arg1;break;}}        };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);myviewpager=(MyViewPager)findViewById(R.id.myviewpager);//初始化loader，这个就是架包里配置信息。ImageLoaderConfiguration imageconfig = new ImageLoaderConfiguration.Builder(getApplication().getApplicationContext()).threadPoolSize(3).threadPriority(Thread.NORM_PRIORITY - 2).memoryCacheSize(1500000).denyCacheImageMultipleSizesInMemory().discCacheFileNameGenerator(new Md5FileNameGenerator()).build();ImageLoader.getInstance().init(imageconfig);loader=ImageLoader.getInstance();initdata();//开始轮播handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);}//初始化数据public void initdata(){advertList = new ArrayList<Advert>();Advert advert = new Advert();advert.setType(1);advert.setUrl("http://img1.gtimg.com/ent/pics/hv1/189/195/1748/113713614.jpg");advertList.add(advert);Advert advert1 = new Advert();advert1.setType(1);advert1.setUrl("http://www.people.com.cn/mediafile/pic/20150418/22/9576752001950563294.jpg");advertList.add(advert1);Advert advert2 = new Advert();advert2.setType(1);advert2.setUrl("http://www.people.com.cn/mediafile/pic/20150313/26/15661721348234280378.jpg");advertList.add(advert2);imageList = new ArrayList<ImageView>();//得到信息转换成imagefor (Advert item : advertList) {LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);ImageView imageView = new ImageView(this);imageView.setScaleType(ScaleType.FIT_XY);imageView.setLayoutParams(params);loader.displayImage(item.getUrl(), imageView,options);imageList.add(imageView);}myviewpager.setAdapter(new ImageAdapter());//当滑动图片时需要停止轮播，避免滑动的时候开始轮播myviewpager.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int arg0) {handler.sendMessage(Message.obtain(handler, MSG_PAGE_CHANGED, arg0, 0));}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageScrollStateChanged(int arg0) {switch (arg0) {                case ViewPager.SCROLL_STATE_DRAGGING:                    handler.sendEmptyMessage(MSG_KEEP_SILENT);                    break;                case ViewPager.SCROLL_STATE_IDLE:                    handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);                    break;                default:                    break;                }}});}//adapterclass ImageAdapter extends PagerAdapter{@Overridepublic int getCount() {// TODO Auto-generated method stub//类似BaseAdapter中获取数据集合的总数，不过这个数很大，是2147483647;return Integer.MAX_VALUE;}@Overridepublic void destroyItem(View container, int position, Object object) {// TODO Auto-generated method stub//super.destroyItem(container, position, object);}//类似BaseAdapter中的getview@Overridepublic Object instantiateItem(ViewGroup container, int position) {// TODO Auto-generated method stubposition %=imageList.size();if(position<0){position=imageList.size()+position;}ImageView imageView=imageList.get(position);ViewParent vp=imageView.getParent();if(vp!=null){ViewGroup parnt=(ViewGroup) vp;parnt.removeView(imageView);}container.addView(imageView);return imageView;}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO Auto-generated method stubreturn arg0==arg1;}}//这个需要架包private void setOptions() {options = new DisplayImageOptions.Builder()// 设置图片加载或解码过程中发生错误显示的图片.resetViewBeforeLoading(true).cacheOnDisk(true).imageScaleType(ImageScaleType.EXACTLY).bitmapConfig(Bitmap.Config.RGB_565)//.displayer(new RoundedBitmapDisplayer(100)).build();}}

接下来是xml文件，代码如下：

<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="horizontal"    android:gravity="center_vertical|center_horizontal"    tools:context=".MainActivity" ><com.yuriko.viewpager.MyViewPager    android:id="@+id/myviewpager"    android:layout_width="match_parent"    android:layout_height="200dp"/></LinearLayout>

其实我们还需要一个架包，不过已经在我的工程里了。工程文件请到http://download.csdn.net/detail/u014128885/8773621下载。