Android ViewPager实现无限循环效果

所属分类: 软件编程 / Android 阅读数: 235
收藏 0 赞 0 分享

最近项目里有用到ViewPager来做广告运营位展示,看到现在很多APP的广告运营位都是无限循环的,所以就研究了一下这个功能的实现。

先看看效果

从一个方向上一直滑动,么有滑到尽头的感觉,具体是怎么实现的呢?看下面的思路。

实现思路

此处画了一幅图来表达实现无限循环的思路,即在数据起始位置前插入最后一项数据,在最后一项数据后插入第一项数据,当滑动到此处时,更新页面的索引位置就ok了 。

代码实现

这个方法用于数据处理,其中mediaList是原始数据,newMediaList是处理完的数据,mMediaList是用于页面显示的数据。

public void initItemList(List<MediaIntro> mediaList){
      List<MediaIntro> newMediaList = new ArrayList<MediaIntro>();
      newMediaList.addAll(mediaList);
      if(newMediaList.size() > 1){
        //第0个位最后一个,向左拉动时,可以实现直接滑动到最后一个,最后一个是第0个,可以实现向右滑动的时直接跳到第0个
        newMediaList.add(0,mediaList.get(mediaList.size() -1));
        newMediaList.add(mediaList.get(0));
      }
      mMediaList = newMediaList;
    }

完整的adapter的代码:

public class AdImagePagerAdapter extends RecyclingPagerAdapter{
    private LayoutInflater mInflater;
    private List<MediaIntro> mMediaList = new ArrayList<MediaIntro>();

    private boolean isInfiniteLoop; //是否无限循环
    int size;

    public AdImagePagerAdapter (LayoutInflater inflater ,List<MediaIntro> mediaList){
      mInflater = inflater;
      isInfiniteLoop = false;
      initItemList(mediaList);
      size = mMediaList.size();
    }

    public void initItemList(List<MediaIntro> mediaList){
      List<MediaIntro> newMediaList = new ArrayList<MediaIntro>();
      newMediaList.addAll(mediaList);
      if(newMediaList.size() > 1){
        //第0个位最后一个,向左拉动时,可以实现直接滑动到最后一个,最后一个是第0个,可以实现向右滑动的时直接跳到第0个
        newMediaList.add(0,mediaList.get(mediaList.size() -1));
        newMediaList.add(mediaList.get(0));
      }
      mMediaList = newMediaList;
    }

    public MediaIntro getItem(int position){
      return mMediaList.get(position);
    }
    public int getPosition(int position){
      return isInfiniteLoop? position%size:position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      final ViewHolder holder;
      final MediaIntro media = getItem(position);
      if(convertView == null){
        holder = new ViewHolder();
        convertView = mInflater.inflate(R.layout.home_ad_item, parent,false);
        holder.mImageView = (ImageView)convertView.findViewById(R.id.homeAdItemImg);
        holder.mTextView = (TextView)convertView.findViewById(R.id.homeAdItemTxt);
        convertView.setTag(holder);
      }else{
        holder=(ViewHolder)convertView.getTag();
      }
      if(media.source.equals(MagicSource.SOURCE_OUT_AD)){
        imageLoader.displayImage(adImageUrl,holder.mImageView,adImageOptions,null,null);
        holder.mTextView.setText("");
        holder.mImageView.setOnClickListener(new OnClickListener() {
          @Override
          public void onClick(View v) {
            // TODO Auto-generated method stub
            //广告点击事件
          }
        });
      }else {
        imageLoader.displayImage(media.imgUrl, holder.mImageView,adImageOptions,null,null);
        holder.mTextView.setText(media.desc+"");
        holder.mImageView.setOnClickListener(new OnClickListener() {

          @Override
          public void onClick(View v) {
            // TODO Auto-generated method stub
            startMediaDetail(media);
          }
        });
      }
      return convertView;
    }
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      return isInfiniteLoop ? Integer.MAX_VALUE : mMediaList.size();
    }
    private class ViewHolder{
      ImageView mImageView = null;
      TextView mTextView = null;
    }
    public boolean isInfiniteLoop(){
      return isInfiniteLoop;
    }
    public AdImagePagerAdapter setInfiniteLoop(boolean isInfiniteLoop){
      this.isInfiniteLoop =isInfiniteLoop;
      return this;
    }
  }

更新页面索引的代码:

@Override
    public void onPageSelected(int position) {
      // TODO Auto-generated method stub

      if(adImageAdapter.getCount()>1){ 
        if(position<1){
          position=adImageAdapter.getCount()-2;
          adViewPager.setCurrentItem(adImageAdapter.getCount()-2,false);
        }else if(position > adImageAdapter.getCount()-2){
          position = 1;
          adViewPager.setCurrentItem(1, false);
        }
        setAdPagePointSelected(position-1);
      }
    }

完整的滑动监听器代码

public class OnAdPageChangeListener implements OnPageChangeListener{

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

    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {
      // TODO Auto-generated method stub

    }

    @Override
    public void onPageSelected(int position) {
      // TODO Auto-generated method stub

      if(adImageAdapter.getCount()>1){ 
        if(position<1){
          position=adImageAdapter.getCount()-2;
          adViewPager.setCurrentItem(adImageAdapter.getCount()-2,false);
        }else if(position > adImageAdapter.getCount()-2){
          position = 1;
          adViewPager.setCurrentItem(1, false);
        }
        setAdPagePointSelected(position-1);
      }
    }

  }

以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助。

更多精彩内容其他人还在看

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中的Bitmap序列化失败的解决方法

这篇文章主要介绍了Android中的Bitmap序列化失败的解决方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android自定义通用标题栏CustomTitleBar

这篇文章主要为大家详细介绍了Android自定义通用标题栏CustomTitleBar,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android组合控件自定义标题栏

这篇文章主要为大家详细介绍了Android组合控件自定义标题栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义复合控件实现通用标题栏

这篇文章主要为大家详细介绍了Android自定义复合控件实现通用标题栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ExpandableListView实现简单二级列表

这篇文章主要为大家详细介绍了ExpandableListView实现简单二级列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多