android viewpager自动循环滑动,Android ViewPager实现无限循环效果

最新推荐文章于 2022-07-10 00:14:19 发布
最新推荐文章于 2022-07-10 00:14:19 发布
阅读量346 收藏
点赞数
文章标签： android viewpager自动循环滑动

最近项目里有用到ViewPager来做广告运营位展示，看到现在很多APP的广告运营位都是无限循环的，所以就研究了一下这个功能的实现。

先看看效果

从一个方向上一直滑动，么有滑到尽头的感觉，具体是怎么实现的呢？看下面的思路。

实现思路

此处画了一幅图来表达实现无限循环的思路，即在数据起始位置前插入最后一项数据，在最后一项数据后插入第一项数据，当滑动到此处时，更新页面的索引位置就ok了 。

代码实现

这个方法用于数据处理，其中mediaList是原始数据，newMediaList是处理完的数据，mMediaList是用于页面显示的数据。

public void initItemList(List mediaList){

List newMediaList = new ArrayList();

newMediaList.addAll(mediaList);

if(newMediaList.size() > 1){

//第0个位最后一个，向左拉动时，可以实现直接滑动到最后一个，最后一个是第0个，可以实现向右滑动的时直接跳到第0个

newMediaList.add(0,mediaList.get(mediaList.size() -1));

newMediaList.add(mediaList.get(0));

}

mMediaList = newMediaList;

}

完整的adapter的代码：

public class AdImagePagerAdapter extends RecyclingPagerAdapter{

private LayoutInflater mInflater;

private List mMediaList = new ArrayList();

private boolean isInfiniteLoop; //是否无限循环

int size;

public AdImagePagerAdapter (LayoutInflater inflater ,List mediaList){

mInflater = inflater;

isInfiniteLoop = false;

initItemList(mediaList);

size = mMediaList.size();

}

public void initItemList(List mediaList){

List newMediaList = new ArrayList();

newMediaList.addAll(mediaList);

if(newMediaList.size() > 1){

//第0个位最后一个，向左拉动时，可以实现直接滑动到最后一个，最后一个是第0个，可以实现向右滑动的时直接跳到第0个

newMediaList.add(0,mediaList.get(mediaList.size() -1));

newMediaList.add(mediaList.get(0));

}

mMediaList = newMediaList;

}

public MediaIntro getItem(int position){

return mMediaList.get(position);

}

public int getPosition(int position){

return isInfiniteLoop? position%size:position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

// TODO Auto-generated method stub

final ViewHolder holder;

final MediaIntro media = getItem(position);

if(convertView == null){

holder = new ViewHolder();

convertView = mInflater.inflate(R.layout.home_ad_item, parent,false);

holder.mImageView = (ImageView)convertView.findViewById(R.id.homeAdItemImg);

holder.mTextView = (TextView)convertView.findViewById(R.id.homeAdItemTxt);

convertView.setTag(holder);

}else{

holder=(ViewHolder)convertView.getTag();

}

if(media.source.equals(MagicSource.SOURCE_OUT_AD)){

imageLoader.displayImage(adImageUrl,holder.mImageView,adImageOptions,null,null);

holder.mTextView.setText("");

holder.mImageView.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

//广告点击事件

}

});

}else {

imageLoader.displayImage(media.imgUrl, holder.mImageView,adImageOptions,null,null);

holder.mTextView.setText(media.desc+"");

holder.mImageView.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

startMediaDetail(media);

}

});

}

return convertView;

}

@Override

public int getCount() {

// TODO Auto-generated method stub

return isInfiniteLoop ? Integer.MAX_VALUE : mMediaList.size();

}

private class ViewHolder{

ImageView mImageView = null;

TextView mTextView = null;

}

public boolean isInfiniteLoop(){

return isInfiniteLoop;

}

public AdImagePagerAdapter setInfiniteLoop(boolean isInfiniteLoop){

this.isInfiniteLoop =isInfiniteLoop;

return this;

}

}

更新页面索引的代码：

@Override

public void onPageSelected(int position) {

// TODO Auto-generated method stub

if(adImageAdapter.getCount()>1){

if(position<1){

position=adImageAdapter.getCount()-2;

adViewPager.setCurrentItem(adImageAdapter.getCount()-2,false);

}else if(position > adImageAdapter.getCount()-2){

position = 1;

adViewPager.setCurrentItem(1, false);

}

setAdPagePointSelected(position-1);

}

}

完整的滑动监听器代码

public class OnAdPageChangeListener implements OnPageChangeListener{

@Override

public void onPageScrollStateChanged(int arg0) {

// TODO Auto-generated method stub

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

// TODO Auto-generated method stub

}

@Override

public void onPageSelected(int position) {

// TODO Auto-generated method stub

if(adImageAdapter.getCount()>1){

if(position<1){

position=adImageAdapter.getCount()-2;

adViewPager.setCurrentItem(adImageAdapter.getCount()-2,false);

}else if(position > adImageAdapter.getCount()-2){

position = 1;

adViewPager.setCurrentItem(1, false);

}

setAdPagePointSelected(position-1);

}

}

}

以上就是本文的全部内容，希望对大家学习Android软件编程有所帮助。

破风的正果
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android使用ViewPager实现左右无限滑动
01-04
前言         网上有很多使用ViewPager实现左右滑动这一效果的资料，这些资料大多数都是将PagerAdapter中getCount()方法的返回值设为Integer.MAX_VALUE使用户看不到边界，然后在instantiateItem()方法中通过position%（要循环显示的数据集的长度）的方式取得对应的数据集。这样虽然可以做到无限循环，但是会有两个弊端：首先会创建大量对象，容易引起内存溢出（循环加载图片）从而影响性能；其次从第一页向右滑动的时候是无法滑动的。        今天给大家分享的是另一种实现方式：创建三个图片视图放入ViewPager中默认选中第二页，在接
Android实现ViewPager无限循环滚动回绕
weixin_33721427的博客
06-07 408
 Android实现ViewPager无限循环滚动回绕 Android系统提供的ViewPager标准方式是左右可以自由滑动，但是滑动到最左边的极限位置是第一个page，滑动到最右边的位置是最后一个page，当滑动到最左或者最右时候，就不能再滑动/滚动了，这是Android系统默认的ViewPager实现方式。 但是有些情况下开发者可能希望ViewPager能够智能的无限循环滚动...
Android——ViewPager无限循环滑动
小欣儿的专栏
09-21 2073
说到ViewPager的无限循环滚动，可1、能大家都在熟悉不过了吧，表现效果就是：向右滑动，滑动到最后一页，继续滑动进入第一页，向左滑动则相反，滑到第一页若继续滑动则进入最后一页。
ViewPager自动滚动
梦否
12-01 820
在上篇的ViewPager一文中，我们简单了解了ViewPager的一种实现方式。接着，我们看看如何实现它的自动滚动效果。因为在一些场景中需要这种效果，如广告条。 思路比较简单： 使用viewPager的viewPager.setCurrentItem来设置当前的Item; 使用handler来进行定时调取移动项目； 而之前的下边的指示点的变化是跟着viewPager的事件来的，即： class MyListener implements ViewPager.OnPageChangeListener{
android viewpager 无限循环_Android架构师谈：View Pager 性能优化之 无限循环
weixin_39963341的博客
11-25 313
作者：享学课堂Alvin老师转载请声明出处！ViewPager实现无限滑动方案一：将viewpager上限设置成一个很大的数，第一个页面设置到中间。然后滑动的时候，用当前的序号与viewpager页面数取余得到目标页面的序号，然后显示出来。理论上一个人不会无聊到一直左滑或者右滑。因此可以模拟无限循环。方案二：假设viewpager中有四个页面，分别为A、B、C、D。然后在A左边添加一个页面D，在D...
Android ViewPager无限循环滑动并可自动滚动完整实例
08-27
对于Android ViewPager广告页可无限循环滑动并可自动滚动带有小圆点的这个功能很多APP都有这个功能,这里为大家提供了完整的实例代码
Android ViewPager无限循环实现底部小圆点动态滑动
09-02
主要介绍了Android ViewPager无限循环实现底部小圆点动态滑动的相关资料,需要的朋友可以参考下
Android使用ViewPager实现无限滑动效果
01-04
前言 其实仔细想一下原理还是挺简单的。无非是当我们滑动到最后一页，再向后滑动时...运行效果图（左右无限循环）： 为了显示更加直观，小编仅用了2张图片。 2.代码实现 （1） Activity的Xml布局文件(非常简单的布局)
ViewPager图片的自动切换（滑动）
lunious的博客
12-16 1394
ViewPager图片的自动切换（滑动）
Android ViewPager“无限循环”的简单实现
cheng_congcong的博客
10-18 1390
怎么实现无限循环？可以给ViewPager添加无穷多的循环数据，当然这也是不可能做到的。这里实现“无限循环”，也只是视觉效果上达到了无限，“无限循环”的效果，无非是第一项右滑显示的是数据的最后一项，最后一项左滑显示的是数据的第一项。当然正常情况下ViewPager是实现不了这个效果的，需要对数据做点处理。 图中1-4是原数据，位置0与4的数据相同，位置5与1的数据相同，就能过实现上述效果，1...
ViewPager手动滑动和自动滑动无限循环滑动加载.zip
07-16
ViewPager手动滑动和自动滑动，无限循环滑动加载，第一个页面和最后一个循环切换正常，自动循环每次切换的时间间隔可以自己修改，项目编码UTF-8默认编译版本2.3.3。
18、Android -- ViewPager(滑动) 基础学习
u013059089的博客
07-10 779
android -- 学习笔记
android viewpager 自动滑动,Android ViewPager循环左右自动滑动加载Page
weixin_39805087的博客
05-26 132
package zhangphil.auto_viewpager;import java.util.ArrayList;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;impo...
android viewpager 自动滑动,Android ViewPager 实现自动滚动效果
weixin_35307279的博客
05-26 737
Android 中使用ViewPager 并实现自动滚动效果。学习自：自己研究OverView我们在很多软件中都见过一下的效果，他的效果就是在在 APP的顶部会个自动滚动的View在滑动，那么我们看一下如何使用他吧。ViewPager的自动滚动效果在 2019-12-27 日 我发过一篇 Android 中如何使用ViewPager的文章，如果你还不会ViewPager的基础使用，那么我觉得你可以...
ViewPager 循环滚动
StoneHui
06-11 1214
这个功能其实很简单，看代码。 先定义一个View的集合和一个View里面显示的图片的id的数组，都用集合也可以。private List viewList = new ArrayList(); private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };接着创建View。priva
ViewPager实现广告条自动滑动
weixin_38107769的博客
05-15 330
本人攥写的目的旨在学习View Pager的使用，并实现当下大多数app的广告条的使用！ 闲言少叙，开撸： 首先从布局着手（本人写代码通常是从布局开始的，自认为布局有时比代码更重要！） 根据最终效果在这里我选择的是：RelativeLayout:RelativeLayout:android.support.v4.view.ViewPager:LinearLayout:TextView、Lin
ViewPager的自动循环滑动
Martin0207的博客
05-05 714
ViewPager的自动循环滑动 循环的设想——逻辑——实现 自动循环的设想——逻辑——实现 相关代码的项目地址
Android无限循环ViewPager
junjun071308的专栏
09-19 1525
无限左右循环优化版ViewPager
android 自动循环滚动视图,Android ViewPager真正的实现无限循环滚动
weixin_36311421的博客
05-26 301
package com.xinye.ui;import java.util.ArrayList;import java.util.HashMap;import net.tsz.afinal.FinalBitmap;import net.tsz.afinal.FinalHttp;import net.tsz.afinal.http.AjaxCallBack;import org.json.JSONA...
viewpager 循环滑动
最新发布
05-11
要实现 ViewPager 的循环滑动，可以通过以下步骤： 1. 继承 ViewPager 类，重写 `onTouchEvent` 方法，使其支持循环滑动。 ```java public class LoopViewPager extends ViewPager { public LoopViewPager(Context context) { super(context); } public LoopViewPager(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onTouchEvent(MotionEvent event) { int action = event.getAction(); if (action == MotionEvent.ACTION_DOWN) { stopAutoScroll(); } else if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_CANCEL) { startAutoScroll(); } return super.onTouchEvent(event); } } ``` 2. 重写 `onMeasure` 方法，使其支持 wrap_content。 ```java @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int height = 0; for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)); int h = child.getMeasuredHeight(); if (h > height) { height = h; } } heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY); super.onMeasure(widthMeasureSpec, heightMeasureSpec); } ``` 3. 重写 `setAdapter` 方法，使其支持循环滑动。 ```java @Override public void setAdapter(PagerAdapter adapter) { super.setAdapter(adapter); setCurrentItem(0); } @Override public void setCurrentItem(int item) { int realCount = getRealCount(); if (realCount == 0) { super.setCurrentItem(item); return; } int position = getRealPosition(item); super.setCurrentItem(position); } private int getRealCount() { PagerAdapter adapter = getAdapter(); if (adapter == null) { return 0; } return adapter.getCount(); } private int getRealPosition(int position) { int realCount = getRealCount(); if (realCount == 0) { return 0; } return position % realCount; } ``` 4. 在 `onPageSelected` 回调中处理循环滑动的逻辑。 ```java @Override public void onPageSelected(int position) { int realCount = getRealCount(); if (realCount == 0) { return; } int realPosition = getRealPosition(position); if (realPosition == 0) { setCurrentItem(realCount, false); } else if (realPosition == realCount - 1) { setCurrentItem(1, false); } } ``` 5. 在 `startAutoScroll` 和 `stopAutoScroll` 方法中处理自动滑动的逻辑。 ```java private void startAutoScroll() { stopAutoScroll(); mHandler.postDelayed(mAutoScrollTask, mInterval); } private void stopAutoScroll() { mHandler.removeCallbacks(mAutoScrollTask); } private Runnable mAutoScrollTask = new Runnable() { @Override public void run() { int currentItem = getCurrentItem(); setCurrentItem(currentItem + 1, true); mHandler.postDelayed(this, mInterval); } }; ``` 完整的实现代码如下： ```java public class LoopViewPager extends ViewPager { private static final int DEFAULT_INTERVAL = 3000; private Handler mHandler = new Handler(); private int mInterval = DEFAULT_INTERVAL; public LoopViewPager(Context context) { super(context); init(); } public LoopViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { setPageTransformer(true, new DefaultTransformer()); } @Override public boolean onTouchEvent(MotionEvent event) { int action = event.getAction(); if (action == MotionEvent.ACTION_DOWN) { stopAutoScroll(); } else if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_CANCEL) { startAutoScroll(); } return super.onTouchEvent(event); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int height = 0; for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)); int h = child.getMeasuredHeight(); if (h > height) { height = h; } } heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY); super.onMeasure(widthMeasureSpec, heightMeasureSpec); } @Override public void setAdapter(PagerAdapter adapter) { super.setAdapter(adapter); setCurrentItem(0); } @Override public void setCurrentItem(int item) { int realCount = getRealCount(); if (realCount == 0) { super.setCurrentItem(item); return; } int position = getRealPosition(item); super.setCurrentItem(position); } @Override public void setCurrentItem(int item, boolean smoothScroll) { int realCount = getRealCount(); if (realCount == 0) { super.setCurrentItem(item, smoothScroll); return; } int position = getRealPosition(item); super.setCurrentItem(position, smoothScroll); } @Override public int getCurrentItem() { int realCount = getRealCount(); if (realCount == 0) { return super.getCurrentItem(); } int position = super.getCurrentItem(); return getRealPosition(position); } private int getRealCount() { PagerAdapter adapter = getAdapter(); if (adapter == null) { return 0; } return adapter.getCount(); } private int getRealPosition(int position) { int realCount = getRealCount(); if (realCount == 0) { return 0; } return position % realCount; } @Override public void onPageSelected(int position) { int realCount = getRealCount(); if (realCount == 0) { return; } int realPosition = getRealPosition(position); if (realPosition == 0) { setCurrentItem(realCount, false); } else if (realPosition == realCount - 1) { setCurrentItem(1, false); } } public void setInterval(int interval) { mInterval = interval; } public void startAutoScroll() { stopAutoScroll(); mHandler.postDelayed(mAutoScrollTask, mInterval); } public void stopAutoScroll() { mHandler.removeCallbacks(mAutoScrollTask); } private Runnable mAutoScrollTask = new Runnable() { @Override public void run() { int currentItem = getCurrentItem(); setCurrentItem(currentItem + 1, true); mHandler.postDelayed(this, mInterval); } }; private static class DefaultTransformer implements ViewPager.PageTransformer { @Override public void transformPage(View page, float position) { if (position < -1) { page.setAlpha(0); } else if (position <= 1) { float scaleFactor = Math.max(0.75f, 1 - Math.abs(position - 0.125f)); page.setScaleX(scaleFactor); page.setScaleY(scaleFactor); } else { page.setAlpha(0); } } } } ``` 使用方式： ```xml <com.example.LoopViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` ```java LoopViewPager viewPager = findViewById(R.id.view_pager); PagerAdapter adapter = new MyPagerAdapter(); viewPager.setAdapter(adapter); viewPager.setInterval(3000); viewPager.startAutoScroll(); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值