Android ViewPager实现无限循环效果
最近项目里有用到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软件编程有所帮助。
- Android 使用viewpager实现无限循环(定时+手动)
- Android viewpager中动态添加view并实现伪无限循环的方法
- Android ViewPager无限循环实现底部小圆点动态滑动
- Android ViewPager无限循环滑动并可自动滚动完整实例
- Android无限循环RecyclerView的完美实现方案
- Android实现ViewPager无限循环效果(一)
- Android实现带指示点的自动轮播无限循环效果
- Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件
- Android实战打飞机游戏之无限循环的背景图(2)
- Android TV 3D卡片无限循环效果
相关文章
Android AlertDialog实现分享对话框/退出对话框/下载对话框
这篇文章主要介绍了Android AlertDialog实现分享对话框/退出对话框/下载对话框的相关资料,需要的朋友可以参考下2016-04-04Android SwipeRefreshLayout下拉刷新组件示例
SwipeRefrshLayout是Google官方更新的一个Widget,可以实现下拉刷新的效果。本文主要介绍了Android之SwipeRefreshLayout下拉刷新组件示例,有兴趣的可以了解一下。2017-02-02
最新评论