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

上一张效果图：

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

那么怎么解决呢？

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

viewPager.addOnPageChangeListener来实现，通过判断是否滑到最左边或者最右边来实现循环滑到。 [html] view plain copy print ? int realPosition = mAdapter.toRealPosition(position);             if (mPreviousPosition != realPosition) {                 mPreviousPosition = realPosition;                 if (mOuterPageChangeListener != null) {                     mOuterPageChangeListener.onPageSelected(realPosition);                 }             }   这里我封装了一个类，只要将你的ViewPager改为我封装好的ViewPager就行 LoopViewPager  [html] view plain copy print ? public class LoopViewPager extends ViewPager {        private static final boolean DEFAULT_BOUNDARY_CASHING = false;        private OnPageChangeListener mOuterPageChangeListener;      private LoopPagerAdapterWrapper mAdapter;      private boolean mBoundaryCaching = DEFAULT_BOUNDARY_CASHING;        public static int toRealPosition( int position, int count ){          position = position-1;          if( position < 0 ){              position += count;          }else{              position = position%count;          }          return position;      }            public void setBoundaryCaching(boolean flag) {          mBoundaryCaching = flag;          if (mAdapter != null) {              mAdapter.setBoundaryCaching(flag);          }      }        @Override      public void setAdapter(PagerAdapter adapter) {          mAdapter = new LoopPagerAdapterWrapper(adapter);          mAdapter.setBoundaryCaching(mBoundaryCaching);          super.setAdapter(mAdapter);          setCurrentItem(0, false);      }        @Override      public PagerAdapter getAdapter() {          return mAdapter != null ? mAdapter.getRealAdapter() : mAdapter;      }        @Override      public int getCurrentItem() {          return mAdapter != null ? mAdapter.toRealPosition(super.getCurrentItem()) : 0;      }        public void setCurrentItem(int item, boolean smoothScroll) {          int realItem = mAdapter.toInnerPosition(item);          super.setCurrentItem(realItem, smoothScroll);      }        @Override      public void setCurrentItem(int item) {          if (getCurrentItem() != item) {              setCurrentItem(item, true);          }      }        @Override      public void setOnPageChangeListener(OnPageChangeListener listener) {          mOuterPageChangeListener = listener;      };        public LoopViewPager(Context context) {          super(context);          init();      }        public LoopViewPager(Context context, AttributeSet attrs) {          super(context, attrs);          init();      }        private void init() {          super.setOnPageChangeListener(onPageChangeListener);      }        private OnPageChangeListener onPageChangeListener = new OnPageChangeListener() {          private float mPreviousOffset = -1;          private float mPreviousPosition = -1;            @Override          public void onPageSelected(int position) {                int realPosition = mAdapter.toRealPosition(position);              if (mPreviousPosition != realPosition) {                  mPreviousPosition = realPosition;                  if (mOuterPageChangeListener != null) {                      mOuterPageChangeListener.onPageSelected(realPosition);                  }              }          }            @Override          public void onPageScrolled(int position, float positionOffset,                  int positionOffsetPixels) {              int realPosition = position 相关资源：viewpager 中间大 两边小 两边露出一点