基于MVP模式下的无限轮播ViewPager

基于MVP模式下的无限轮播ViewPager

老年人操作来的，不喜勿喷哦



使用场景

设计思路

代码实现

结果展示

扩展性

使用场景

广告轮播-APP首次启动时的引导界面（为什么不用长展示的html页面？）

一些产品介绍的轮播

新闻的轮播

总而言之–就是轮播（建设银行的app不知道各位兄台使用过没，它有个车轮轮播，比这个吊一点但是使用起来很怪）

设计思路

如下为思维导图（瞎bb的）



如上是我想要加载的三张网络图片，如何让这三个帅b无限次的滚动呢？

首先这三个图片的控件是viewpager，它要设置一个数据源，要达到无限的滚动，其实就是数据页的变换，viewpager的数据页变换的方法是setCurrentItem();大多时候我们使用的都是单参的方法，就是直接默认的跳到position页，而它还含有双参的调用

/**
* Set the currently selected page.
* @param item Item index to select
* @param smoothScroll True to smoothly scroll to the new item, false to transition immediately
*/
public void setCurrentItem(int item, boolean smoothScroll) {
mPopulatePending = false;
setCurrentItemInternal(item, smoothScroll, false);
}

大致能看懂一点：transition immediately 立即转变，也就是没有动画效果（那大致的思路就出来了）



我们只需要将实际下载的图片3后面加一个伪页面图片1，并且在图片1的前面加一个伪页面图片3，这样保证了3的下一个一定是1或者说是1的前一个一定是3，然后当viewpager的当前显示为第一个3时，我们无动画效果跳转到第二个3，当当前的viewpager的显示为第二个1时，我们无动画效果跳转到第一个1，然后他后面的滚动我们就不需要理会了。

代码实现

这里我们使用mvp的设计模式实现该场景的viewpager（纯属只想让代码更简洁，可维护性更强）

以下为目录结构



MVP设计模式这里说明的很好，看了文档后，马里皮，连mvvm也会了：传送

这里是我写的一个manager，在这里没有什么用，不过你也可以在这里扩展些其他的东西，如布局的主题颜色，字体等（当然你也可以直接写死在布局里）

public class ViewPagerManager {
//增加可扩展性
private static ViewPagerManager viewPagerManager;
public static ViewPagerManager initManager(ViewPager_Bean viewPager_bean){
//如果一个项目多次使用这个viewpager 需要修改这里的单例模式
if(viewPagerManager==null){
viewPagerManager=new ViewPagerManager();
}
return viewPagerManager;
}
}

下面按照步骤来展示代码

视图view

public class InfiniteViewPager extends LinearLayout implements InfinitePresenterView{
....
//初始化数据
public void init(Context context){
linearLayout= (LinearLayout) LayoutInflater.from(context).inflate(R.layout.infiniteviewpager_layout,this);
group= (LinearLayout) linearLayout.findViewById(R.id.viewpager_linearlayout_point);
textView= (TextView) linearLayout.findViewById(R.id.viewpager_text);
viewPager= (ViewPager) linearLayout.findViewById(R.id.viewpager_all);
}
//设置数据的
public void setPresenter(ViewPager_Bean viewPager_bean){
this.viewPager_bean=viewPager_bean;
son=new InfinitePresonter_Son(viewPager_bean,context,viewPager,group,textView);
startViewPager();
}
@Override
public void startTimer() {
if(son!=null){
son.startTimer();
}

}
@Override
public void startViewPager() {
if(son!=null) {
son.startViewPager();
}
}
@Override
public void destroyTimer() {
if(son!=null){
son.destroyTimer();
}
}

视图view的接口

public interface InfinitePresenterView {
void startTimer();
void startViewPager();
void destroyTimer();
}

Presenter层

public interface InfinitePresonter_All {
void startTimer();
void startViewPager();
void destroyTimer();
}

Presenter 实现（太多了 ，可以看module源码）

@Override
public void startTimer() {
timer=new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
Message message=Message.obtain();
message.what=0;
handler.sendEmptyMessage(message.what);
}
},0,3000);
}

@Override
public void startViewPager() {
if(viewPager_bean.getImage_id()!=null){//如果是本地的图片
//图片这一块 我没有考虑图片失帧，如果你考虑可以在这加
for(int i=0;i<image_size;i++){
ImageView imageView=new ImageView(context);
imageView.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT, AbsListView.LayoutParams.MATCH_PARENT));
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
if(i==0){//第0张应该为下载的最后一张
imageView.setImageResource(viewPager_bean.getImage_id()[viewPager_bean.getImage_url().length-1]);
}else if(i>=1&&i<=viewPager_bean.getImage_id().length){
imageView.setImageResource(viewPager_bean.getImage_id()[i-1]);
imageView.setTag(i-1);//这里的tag是为了区分点击的是哪一个图片
imageView.setOnClickListener(this);//点击的监听 可以增加实现  ，在下面
}else if(i==image_size-1){//最后一张应该为下载的第一张
imageView.setImageResource(viewPager_bean.getImage_id()[0]);
}
listimage.add(imageView);
}
.....
}
}
@Override
public void destroyTimer() {
if(timer!=null) {
timer.cancel();
timer = null;
}
}

@Override
public void onClick(View v) {
//每一个图片的点击监听
}

Model层

public class ViewPager_Bean {
private String[] image_url;//所有图片的url
private String[] title_text;//如果需要显示每一页的title
private int [] image_id;//本地的就是资源id

public String[] getImage_url() {
return image_url;
}

public void setImage_url(String[] image_url) {
this.image_url = image_url;
}

public String[] getTitle_text() {
return title_text;
}

public void setTitle_text(String[] title_text) {
this.title_text = title_text;
}

public int[] getImage_id() {
return image_id;
}

public void setImage_id(int[] image_id) {
this.image_id = image_id;
}

}

结果展示

扩展性

扩展性，扩个瓜皮

谢谢

老夫煮饭去了