1,首先是adapter

这里有两点:

a,getCount()的返回值是Integer.MAX_VALUE;

b,instantiateItem使用到的位置是position % _myList.size();

package com.teekart.app.travel;import im.yixin.sdk.util.BitmapUtil;import java.util.ArrayList;
import java.util.List;import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;import com.lidroid.xutils.BitmapUtils;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.assist.ImageScaleType;
import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;
import com.teekart.app.R;
import com.teekart.app.beans.QueryProductsInfo.Msg.ProductMsg;
import com.teekart.app.bookcourse.OpenBigPicActivity;class PicPagerAdapter extends PagerAdapter {private ArrayList<String> _myList;private Context context;private ImageLoader imageLoader;private DisplayImageOptions options;public PicPagerAdapter(Context context ,ArrayList<String> myList) {imageLoader = ImageLoader.getInstance();options = new DisplayImageOptions.Builder().showImageForEmptyUri(R.drawable.list_placeholder).showImageOnFail(R.drawable.list_placeholder).resetViewBeforeLoading(true).cacheOnDisk(true).imageScaleType(ImageScaleType.IN_SAMPLE_INT).bitmapConfig(Bitmap.Config.RGB_565).considerExifParams(true).displayer(new FadeInBitmapDisplayer(300)).bitmapConfig(Bitmap.Config.RGB_565).imageScaleType(ImageScaleType.IN_SAMPLE_INT).build();_myList = myList;this.context = context;}@Overridepublic int getCount() {
//      return _myList.size();return Integer.MAX_VALUE;}/*** 判断是否可以复用条目*/@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}/*** 销毁条目*/@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView((View) object);}/*** 初始化条目*/@Overridepublic Object instantiateItem(ViewGroup container, int position) {ImageView imageView = new ImageView(context);imageView.setScaleType(ScaleType.CENTER_CROP);imageView.setTag(position);imageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {int position=(Integer) v.getTag();Intent intent=new Intent(context,OpenBigPicActivity.class);intent.putExtra("position", position);intent.putExtra("urlList", _myList);context.startActivity(intent);}});imageLoader.displayImage(_myList.get(position % _myList.size()), imageView, options);
//      imageLoader.displayImage(_myList.get(position), imageView, options);// 1. 将要显示的界面加到容器中container.addView(imageView);// 2. 返回给控制器, 执行super方法会报错return imageView;}}

2,添加顶部banner图.

/*** 添加顶部的banner图*/private void addTopPic() {topImglist = new ArrayList<String>();topImglist = travelDetailInfo.topGallerys;ArrayList<ImageView> mListData = new ArrayList<ImageView>();ImageView iv;for (int i = 0; i < topImglist.size(); i++) {iv = new ImageView(this);imageLoader.displayImage(topImglist.get(i), iv,options);
//          BitmapUtils bitmapUtil = new BitmapUtils(this);
//          bitmapUtil.display(iv, topImglist.get(i));mListData.add(iv);}vp_travel.setAdapter(new PicPagerAdapter(this, topImglist));tv_page.setText(1+"/"+topImglist.size());vp_travel.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int position) {int previousSelectPosition = position  % topImglist.size();;tv_page.setText(previousSelectPosition+1+"/"+topImglist.size());
//              tv_page.setText(position+1+"/"+topImglist.size());}@Overridepublic void onPageScrollStateChanged(int state) {}@Overridepublic void onPageScrolled(int position, float positionOffset,int positionOffsetPixels) {}});vp_travel.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()) {
//              case MotionEvent.ACTION_DOWN:
//                  System.out.println("ddddddddddddd");
//                  toloop = false;
//                  break;case MotionEvent.ACTION_MOVE:System.out.println("mmmmmmmmmm");toloop = false;break;case MotionEvent.ACTION_UP:System.out.println("uuuuuuuuuuuuuuuuuuuu");toloop = true;break;default:break;}return false;}});}

3,自动切换功能实现并设置当前位置

private void setTopImgGo() {// 自动切换页面功能  new Thread(new Runnable() {  @Override  public void run() {  while (isLoop) {  SystemClock.sleep(3000);  if (toloop) {handler.sendEmptyMessage(0);  }}  }  }).start();  /** * 2147483647 / 2 = 1073741820 - 1  * 设置ViewPager的当前项为一个比较大的数，以便一开始就可以左右循环滑动 */  int n = Integer.MAX_VALUE / 2 % topImglist.size();  int itemPosition = Integer.MAX_VALUE / 2 - n;  vp_travel.setCurrentItem(itemPosition);}

4,最后效果图

ViewPager轮播图自动无限循环滑动，手指按住停止滑动相关推荐

使用ViewPager实现轮播图自动播放
使用ViewPager实现轮播图自动播放通过使用ViewPager实现图片的自动轮播,也可以通过将自动滑动关闭通过手动滑动进行图片的滑动,现在简单分析一下实现的步骤: 1.让图片滑动起来. 2.让图 ...
html 图片轮播渐变,js轮播图自动切换和css做页面自动渐变
js轮播图自动切换和css页面自动渐变效果如下: 可以去jq官网学习:http://www.jq22.com/ 部分代码如下: *{margin: 0; padding: 0;} p{text-al ...
轮播图自动滚动无缝连接 js
轮播图自动滚动无缝连接 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
axure轮播图怎么设置循环轮播_Axure教程：轮播图制作步骤详解
不管是在PC端还是移动端,轮播图是常见的设计元素.下面详细讲解轮播图的制作步骤. 作为Axure初学者,把最近学到的记录下来,和大家一起学习. 如何实现轮播图: 循环展示轮播图片: 将圆点与轮播图一一 ...
js轮播图自动播放和手动控制
html文件 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...
bootstrap轮播图原点变为方块_JS实现无缝切换轮播图(自动+手动)
一.背景说起轮播图,大家应该都不陌生,各大购物网站和面试题里都能看到它的身影. 实现上也并不困难,而写这篇文章是想整理一下自己心血来潮写的代码,以及实现过程中的一些思考,大家也可以顺便复习巩固一下. ...
【前端学习-16】【day06】WebAPI编程/动画函数封装/回调函数/轮播图/自动播放/节流阀/返回顶部/筋斗云/触屏事件/触屏事件对象/
新增动画前进后退效果案例:轮播图 1.显示隐藏功能 2.动态生成小圆圈 3.排他思想 4.开始滚动 5.右侧按钮 6.克隆第一张图片 7.小圆圈跟着右侧按钮变化 8.序号和点击的要统一 9.左侧代码 ...
html菜鸟教程轮播图自动播放,如何实现轮播图？
1.背景介绍轮播图,是由网页banner进化而来,通常放在屏幕最显眼的位置,以大图显示.随着互联网的发展,网页中需要推广的信息越来越多,宣传信息都欲占据黄金位置,最后相互妥协,轮播图应运而生.总而言 ...
JS实现轮播图(自动+手动)
网页轮播图效果: 核心原理: tips:代码在文章末尾这个ul就是我们这四张图片的父盒子,我们通过对这个父盒子添加动画函数来实现移动,然后给父盒子来一个溢出隐藏就达到了轮播的效果动画函数如下: f ...
JQuery实现圆点轮播图自动播放
用jquery实现轮播图实现之后的效果实现思路 1,每次只显示一张图片其他的图片隐藏起来 2,每一次轮播相应位置的小圆点跟着变色 3,鼠标移入小圆点时显示相应的图片源代码 <!DOCTY ...

ViewPager轮播图自动无限循环滑动，手指按住停止滑动

1,首先是adapter

2,添加顶部banner图.

3,自动切换功能实现并设置当前位置

4,最后效果图

ViewPager轮播图自动无限循环滑动，手指按住停止滑动相关推荐

最新文章

热门文章