ViewPager 实现 Galler 效果, 中间大图显示,两边小图展示

 
 
 
 
上一张效果图:

之前的项目有一个Galley的项目,但是代码结构特别乱,别问我为什么,我也是刚接手这个项目,为了方便以后阅读和维护我对一些模块进行了重构。ViewPager实现Galler效果但是当时时间比较急,写的比较仓促,上一篇实现了简单的效果,但是对于初始的时候左边滑动是有问题的,这是因为我们在自己的Adapter的时候对于getCount,我们想通过Integer.MAX_VALUE来实现无限循环,简单的说这个是向右(无限大)吧,所以也就只是实现了向右的循环,对于像左的还是不行的。

那么怎么解决呢?

首先我们对Adapter还是需要按以前的写法,其实Adapter适配器就是帮我们做界面的,其他的逻辑最好不要加,我之前的想法是用过

viewPager.addOnPageChangeListener来实现,通过判断是否滑到最左边或者最右边来实现循环滑到。
 
   
  1. int realPosition = mAdapter.toRealPosition(position);  
  2.            if (mPreviousPosition != realPosition) {  
  3.                mPreviousPosition = realPosition;  
  4.                if (mOuterPageChangeListener != null) {  
  5.                    mOuterPageChangeListener.onPageSelected(realPosition);  
  6.                }  
  7.            }  

这里我封装了一个类,只要将你的ViewPager改为我封装好的ViewPager就行
LoopViewPager 
 
   
  1. public class LoopViewPager extends ViewPager {  
  2.   
  3.     private static final boolean DEFAULT_BOUNDARY_CASHING = false;  
  4.   
  5.     private OnPageChangeListener mOuterPageChangeListener;  
  6.     private LoopPagerAdapterWrapper mAdapter;  
  7.     private boolean mBoundaryCaching = DEFAULT_BOUNDARY_CASHING;  
  8.   
  9.     public static int toRealPosition( int position, int count ){  
  10.         position = position-1;  
  11.         if( position < 0 ){  
  12.             position += count;  
  13.         }else{  
  14.             position = position%count;  
  15.         }  
  16.         return position;  
  17.     }  
  18.       
  19.     public void setBoundaryCaching(boolean flag) {  
  20.         mBoundaryCaching = flag;  
  21.         if (mAdapter != null) {  
  22.             mAdapter.setBoundaryCaching(flag);  
  23.         }  
  24.     }  
  25.   
  26.     @Override  
  27.     public void setAdapter(PagerAdapter adapter) {  
  28.         mAdapter = new LoopPagerAdapterWrapper(adapter);  
  29.         mAdapter.setBoundaryCaching(mBoundaryCaching);  
  30.         super.setAdapter(mAdapter);  
  31.         setCurrentItem(0, false);  
  32.     }  
  33.   
  34.     @Override  
  35.     public PagerAdapter getAdapter() {  
  36.         return mAdapter != null ? mAdapter.getRealAdapter() : mAdapter;  
  37.     }  
  38.   
  39.     @Override  
  40.     public int getCurrentItem() {  
  41.         return mAdapter != null ? mAdapter.toRealPosition(super.getCurrentItem()) : 0;  
  42.     }  
  43.   
  44.     public void setCurrentItem(int item, boolean smoothScroll) {  
  45.         int realItem = mAdapter.toInnerPosition(item);  
  46.         super.setCurrentItem(realItem, smoothScroll);  
  47.     }  
  48.   
  49.     @Override  
  50.     public void setCurrentItem(int item) {  
  51.         if (getCurrentItem() != item) {  
  52.             setCurrentItem(item, true);  
  53.         }  
  54.     }  
  55.   
  56.     @Override  
  57.     public void setOnPageChangeListener(OnPageChangeListener listener) {  
  58.         mOuterPageChangeListener = listener;  
  59.     };  
  60.   
  61.     public LoopViewPager(Context context) {  
  62.         super(context);  
  63.         init();  
  64.     }  
  65.   
  66.     public LoopViewPager(Context context, AttributeSet attrs) {  
  67.         super(context, attrs);  
  68.         init();  
  69.     }  
  70.   
  71.     private void init() {  
  72.         super.setOnPageChangeListener(onPageChangeListener);  
  73.     }  
  74.   
  75.     private OnPageChangeListener onPageChangeListener = new OnPageChangeListener() {  
  76.         private float mPreviousOffset = -1;  
  77.         private float mPreviousPosition = -1;  
  78.   
  79.         @Override  
  80.         public void onPageSelected(int position) {  
  81.   
  82.             int realPosition = mAdapter.toRealPosition(position);  
  83.             if (mPreviousPosition != realPosition) {  
  84.                 mPreviousPosition = realPosition;  
  85.                 if (mOuterPageChangeListener != null) {  
  86.                     mOuterPageChangeListener.onPageSelected(realPosition);  
  87.                 }  
  88.             }  
  89.         }  
  90.   
  91.         @Override  
  92.         public void onPageScrolled(int position, float positionOffset,  
  93.                 int positionOffsetPixels) {  
  94.             int realPosition = position
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值