Android 使用ViewPager实现无限无缝循环

做这个之前 百度了一些资料大多数都是将count设置为integerMax 然后通position%count 方式取得对应的数据集 这样虽然可以做到无限循环 但是有两个弊端 首先会创建大量对象,性能方面肯定是不好,其次是从第一页向右边滑的时候是无法滑动的。
今天给大家分享个实现思路如下图

创建三个图片视图放入ViewPager中 默认选中第二页 ,在接下来的滑动中每次滑动结束之后都将当前页码设置为第二页,然后通过判断是向左向右滑动来设置视图中数据集,这样就可以实现无限循环了 而且只会创建三个图片视图对象.

swift代码实现

之前代码不严谨这里做下更新 方便有需要的童鞋
下面是代码 实现

package com.cn.gank_io.activity;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import java.util.ArrayList;
import java.util.List;

public class BannerAdapter extends PagerAdapter
    implements ViewPager.OnPageChangeListener, View.OnClickListener {

  private ViewPager viewPager;

  private final static int PAGE = 0x03;
  private final static int INDEX = 1;
  private final static int START_INDEX = 0;

  private List<String> dataSource;
  private ArrayList<ImageView> views;
  private Context context;
  //记录真正的位置
  private int currentPage;

  private ItemClickListener itemClickListener;

  public BannerAdapter(Context context, ViewPager viewPager, List<String> dataSource) {
    this.context = context;
    this.dataSource = dataSource;
    this.viewPager = viewPager;
    viewPager.clearOnPageChangeListeners();
    viewPager.addOnPageChangeListener(this);
    if (null == dataSource || dataSource.isEmpty()) return;
    initView(false);
    setDataToView();
  }

  public void setItemClickListener(ItemClickListener itemClickListener) {
    this.itemClickListener = itemClickListener;
  }

  public void nextPage() {
    if (null == dataSource || dataSource.isEmpty()) return;
    //因为位置始终为1 那么下一页就始终为2
    viewPager.setCurrentItem(2, true);
  }

  /**
   * 初始化图形控件
   * 为image填充数据
   */
  private void initView(boolean isScale) {
    views = new ArrayList<>();
    if (dataSource.size() == 1) {
      views.add(getImageView());
      return;
    }
    for (int i = 0; i < PAGE; i++) {
      views.add(getImageView());
    }
  }

  private void setDataToView() {
    int size = dataSource.size();
    if (size == 1) {
      Glide.with(context).load(dataSource.get(0)).into(views.get(0));
      return;
    }
    for (int i = 0; i < PAGE; i++) {
      int index = 0;
      if (0 == i) {
        index = size - 1;
      } else {
        index = i - 1;
      }
      Glide.with(context).load(dataSource.get(index)).into(views.get(i));
    }
  }

  public void showIndex(int index) {
    if (null == dataSource || dataSource.isEmpty()) return;
    if (index == dataSource.size()) {
      currentPage = 0;
    } else {
      currentPage = index;
    }
    if (dataSource.size() == 1) {
      Glide.with(context).load(dataSource.get(0)).into(views.get(0));
    } else {
      indexChange();
    }
  }

  /**
   * get imageView
   */
  private ImageView getImageView() {
    ImageView imageView = new ImageView(context);
    imageView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.MATCH_PARENT));
    imageView.setClickable(true);
    imageView.setOnClickListener(this);
    imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    return imageView;
  }

  @Override public int getCount() {
    return (null == views) ? 0 : views.size();
  }

  @Override public boolean isViewFromObject(View view, Object object) {
    return view == object;
  }

  @Override public Object instantiateItem(ViewGroup container, int position) {
    ImageView imageView = views.get(position);
    if (null != imageView.getParent()) {
      ViewGroup viewGroup = (ViewGroup) imageView.getParent();
      viewGroup.removeView(imageView);
    }
    container.addView(imageView);
    return imageView;
  }

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

  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    if (dataSource.size() == 1) {
      return;
    }
    if (0 != positionOffset) return;

    if (position == INDEX) {
      return;
    }
    if (position > INDEX) {
      currentPage++;
    } else {
      currentPage--;
    }
    if (currentPage == -INDEX) {
      currentPage = dataSource.size() - INDEX;
    } else if (currentPage == dataSource.size()) {
      currentPage = START_INDEX;
    }
    indexChange();
  }

  private void indexChange() {
    if (currentPage == START_INDEX) {
      Glide.with(context).load(dataSource.get(dataSource.size() - 1)).into(views.get(0));
    } else {
      Glide.with(context).load(dataSource.get(currentPage - 1)).into(views.get(0));
    }
    Glide.with(context).load(dataSource.get(currentPage)).into(views.get(1));
    if (currentPage == dataSource.size() - 1) {
      Glide.with(context).load(dataSource.get(0)).into(views.get(2));
    } else {
      if (currentPage == 0 && dataSource.size() == 2) {
        Glide.with(context).load(dataSource.get(dataSource.size() - 1)).into(views.get(2));
      } else {
        Glide.with(context).load(dataSource.get(currentPage+1)).into(views.get(2));
      }
    }
    viewPager.setCurrentItem(1, false);
  }

  @Override public void onPageSelected(int position) {
  }

  @Override public void onPageScrollStateChanged(int state) {
  }

  @Override public void onClick(View v) {
    if (null!=itemClickListener)itemClickListener.onItemClick(currentPage);
  }

  public int getCurrentPage() {
    return currentPage;
  }

  public interface ItemClickListener {
    void onItemClick(int index);
  }
}


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容