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
目录
相关文章
|
18天前
|
小程序 容器
小程序图片水平垂直居中显示在view中
小程序图片水平垂直居中显示在view中
|
4月前
|
小程序 前端开发
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
|
9月前
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
125 0
图片循环滚动代码-附效果图
图片循环滚动代码-附效果图
向上滑动导航固定头部demo效果图示例(整理)
向上滑动导航固定头部demo效果图示例(整理)
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
580 0
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
|
Android开发
【Android 应用开发】Paint 渲染 之 BitmapShader 位图渲染 ( 渲染流程 | CLAMP 拉伸最后像素 | REPEAT 重复绘制图片 | MIRROR 绘制反向图片 )(二)
【Android 应用开发】Paint 渲染 之 BitmapShader 位图渲染 ( 渲染流程 | CLAMP 拉伸最后像素 | REPEAT 重复绘制图片 | MIRROR 绘制反向图片 )(二)
247 0
【Android 应用开发】Paint 渲染 之 BitmapShader 位图渲染 ( 渲染流程 | CLAMP 拉伸最后像素 | REPEAT 重复绘制图片 | MIRROR 绘制反向图片 )(二)
|
Web App开发 JavaScript 前端开发
Android---文本中缩略图点击弹出大图效果实现
  很久没有写博客了,这两天一直忙于一个关于考试的项目,将其中的一些效果实现的经验写下来,希望给看到的人或者给有这方面需求的人帮助。   首先来张效果图,没有经过美工处理的 实现基本功能   其实做这个项目复习了很多内容,将之前单个项目中用到的某些功能综合到一起了,例如1、自定义标题栏2、Java和JavaScript的互调3、Activity实现仿Dialog样式4、多线程实现考试倒计时5、退出Activity时保存配置信息(考试剩余时间)6、熟悉UI布局   上面这些效果中,讲讲通过Java和JavaScript互调实现点击文本中缩略图弹出一个大图。
1241 0
tablayout支持改变选中文字大小,支持左右滑动,支持viewpager,支持三角可移动指示器
TabLayout [简书地址] (https://www.jianshu.com/p/2c3f868266e8) 基于大神的FlycoTabLayout 传送地址和基本用法 用法和属性和这个库一样 效果图如下 Gif_20180828_142709.
2457 0
2-VIII--ViewPager滑动监听与自定义滑动特效
零、前言 [1]. 使用上文项目:1-VIII--ViewPager的基本使用 [2].对ViewPager的addOnPageChangeListener三个回调方法分析 [3].
1231 0