Android ViewPager无限循环滑动并可自动滚动完整实例

2023-09-15 00:21:05 68
对于ViewPager广告页这个功能很多APP都有这个功能在网上也看过一些资料，我就在这把我自己完整的实现方法写出来吧
基础的ViewPager：
很简单仅仅是一个ViewPager
接下来简单的设置一下ViewPager的Adapter添加ImageView
publicclassMainActivityextendsAppCompatActivity{

privateViewPagertopVp;
privateint[]images=newint[]{R.mipmap.ad0,R.mipmap.ad1,R.mipmap.ad3};//模拟存放要展示的图片
privateListimageViews;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initImageViews();
initVp();
}

/**
*初始化图片资源
*/
privatevoidinitImageViews(){
imageViews=newArrayList<>();
for(inti=0;i
上述是最基础的一个ViewPager下面我们就在这个基础上改造就可以了
实现无限循环滑动：


这里我事先循环滑动的方式很简单就是把adapter的count设置为一个很大的值这样让它滑不到头然后切换图片就可以实现虽然方法比较LOW但是效果还是可以的


代码在基础的ViewPager下修改如下：
publicclassMainActivityextendsAppCompatActivity{

privateViewPagertopVp;
privateint[]images=newint[]{R.mipmap.ad0,R.mipmap.ad1,R.mipmap.ad3};//模拟存放要展示的图片
privateListimageViews;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initImageViews();
initVp();
}

/**
*初始化图片资源
*/
privatevoidinitImageViews(){
imageViews=newArrayList<>();
for(inti=0;i
这样之后就可以实现无限循环右滑了但是在程序刚启动是无法向左滑动的要解决很简单只需要在开始的时候
viewPager.setCurrentItem(1000*imageViews.size());


即可这样就可以实现无限左右滑了
自动定时循环滑动：


下面增加自动定时左右滑动的功能


要实现自动滑动最主要的是实现定时器功能我这里使用Handler+Runnable的方法在上述代码的基础上修改如下：
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initImageViews();
initVp();
handler=newHandler();
handler.postDelayed(newTimerRunnable(),5000);
}

classTimerRunnableimplementsRunnable{

@Override
publicvoidrun(){
intcurItem=topVp.getCurrentItem();
topVp.setCurrentItem(curItem+1);
if(handler!=null){
handler.postDelayed(this,5000);
}
}
}

@Override
protectedvoidonDestroy(){
super.onDestroy();
handler=null;//此处在Activity退出时及时回收
}


这之后就可以实现自动滑动了
添加左下角圆形小按钮：


接下来添加左下角的导航小原点


首先修改布局:















我们需要的原点要放在LinearLayout布局中


主要原理就是向这个LinearLayout中动态添加小圆点即可
publicclassMainActivityextendsAppCompatActivity{

privateViewPagertopVp;
privateint[]images=newint[]{R.mipmap.ad0,R.mipmap.ad1,R.mipmap.ad3};//模拟存放要展示的图片
privateListimageViews;
privateListtxtPoints;
privateLinearLayoutlin_points;
privateHandlerhandler;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

lin_points=(LinearLayout)findViewById(R.id.lin_points);
initImageViews();
initVp();

initCircle();
/*
*计时器
*/
handler=newHandler();
handler.postDelayed(newTimerRunnable(),5000);
}

/**
*初始化小圆点
*/
privatevoidinitCircle(){
txtPoints=newArrayList<>();
intd=20;
intm=7;
for(inti=0;i();
for(inti=0;i
给ViewPager添加切换动画：


topVp.setPageTransformer(true,newCubeOutTransformer());


调用此行代码可以添加后面的TransFormer类是自定义的过渡效果类
控制ViewPager自动切换的速度


ViewPager自身的切换速度是写死的，我们无法修改，但是我们可以通过源码看到，ViewPager的切换速度是通过Scroller类控制的，而Scroller类中是可以设置过渡的时间的，因此我们可以通过自己创建一个Scroller类继承Scroller然后通过反射把ViewPager中的mScroller属性设置成我们自己的可以设置时间的Scroller类即可


下面是代码：
publicclassFixedSpeedScrollerextendsScroller{
privateintmDuration=1500;

publicFixedSpeedScroller(Contextcontext){
super(context);
}

publicFixedSpeedScroller(Contextcontext,Interpolatorinterpolator){
super(context,interpolator);
}

@Override
publicvoidstartScroll(intstartX,intstartY,intdx,intdy,intduration){
//Ignorereceivedduration,usefixedoneinstead
super.startScroll(startX,startY,dx,dy,mDuration);
}

@Override
publicvoidstartScroll(intstartX,intstartY,intdx,intdy){
//Ignorereceivedduration,usefixedoneinstead
super.startScroll(startX,startY,dx,dy,mDuration);
}

publicvoidsetmDuration(inttime){
mDuration=time;
}

publicintgetmDuration(){
returnmDuration;
}
}


反射修改ViewPager属性：
try{
Fieldfield=ViewPager.class.getDeclaredField("mScroller");
field.setAccessible(true);
scroller=newFixedSpeedScroller(getActivity());
scroller.setmDuration(1000);
field.set(topVp,scroller);
}catch(Exceptione){
//e.printStackTrace();
System.out.println("aaaaaa错误啦");
}

这样就可以控制速度了
好了，AndroidViewPager广告页可无限循环滑动并可自动滚动带有小圆点的功能基本就实现了，具体参数大家可以自行设定
Android ViewPager无限循环滑动并可自动滚动完整实例

热门推荐

随机推荐
