Android ViewPager實現無限迴圈效果_Android

來源:互聯網
上載者:User

最近項目裡有用到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軟體編程有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.