ViewPager实现左右无限循环效果

最新推荐文章于 2024-05-30 20:23:24 发布

Smile_路飞

最新推荐文章于 2024-05-30 20:23:24 发布

阅读量4.1w

点赞数 3

分类专栏： Android基础开发

本文链接：https://blog.csdn.net/oweixiao123/article/details/23459041

版权

ViewPager自身并不支持左右无限循环的功能，在网上找了很多天，发现基本都是一个原理，就是实现一种假的无限循环，取一种最大值的思路，这一种方案在上一篇中实现过，并没有真正达到左右无限循环，只是一般情况下，很难达到边界（不可滑动）的情况。下面记录一下另一种方案，网上号称是真正的无限循环。

用于显示的mViews，比数据源mList，多了两个节点元素（头节点0:b和尾节点5:e用于跳转）
下图的不带箭头的红线，是mViews根据mList初始化的情况；带箭头的红线是跳转的情况。

首先还是布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.view.ViewPager

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Smile_路飞

关注关注

3
点赞
踩
26

收藏

觉得还不错? 一键收藏
12
评论
ViewPager实现左右无限循环效果

在网上找了很多，发现都是一个原理
复制链接

扫一扫

专栏目录

ViewPager实现循环滑动

MingHuang2017的博客

10-22

899

android中用ViewPager实现循环滑动ViewPager在android开发中是个非常常用的组件，最为大家所熟悉的应用场景大概是在app中自动滚动的广告了。当然了，还有很多其它的地方也会用它来实现。不过美中不足的是，它没提供相应的API来实现循环滑动，当滑到最后一页后就不能前进了，只能回退，而当退到第一页时也不能再回退了。可我们的需求中往往有些地方需要循环的效果，比如上面说的广告，一般都是

Android笔记——ViewPager循环、自动滚动效果

04-03

432

我的面试经验分享可能不会去罗列太多的具体题目，因为我依然认为面试经验中最宝贵的不是那一个个具体的题目或者具体的答案，而是结束面试时，那一刻你的感受以及多天之后你的回味~很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我整理了一些资料，需要的可以免费分享给大家在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含。

12 条评论您还未登录，请先登录后发表或查看评论

ViewPager系列之ViewPager无限循环滑动原理、代码、2种实现方法比较

最新发布

chuyouyinghe的专栏

05-30

使用这种方式启动的时候，需要将 2 号图片，设置为第一张，当向前滑动的时候，因为前面的 1号图片是和 4 号图片一样，那么，给人的错觉就像是无线循环的一样，当选中一号图片后，立即将当前选中的图片设置为 4 号图片，4号图片向5号图片滑动也是同理。将 ViewPager 的Count 的数量设置的尽可能的大，然后就造成了无限循环的假象。第二种，方式是，假如三个图片无限循环，那么就需要用5张图片，如下图所示。基本的需求已经实现，如果还有更多的需求，还可以根据上面的扩展。测试我们的Adapter。

ViewPager实现无限循环

不悔的青春

03-01

3278

引言这两天在项目里有用到ViewPager来做广告运营位展示，看到现在很多APP的广告运营位都是无限循环的，所以就研究了一下这个功能的实现。先看看效果从一个方向上一直滑动，么有滑到尽头的感觉，具体是怎么实现的呢？看下面的思路。实现思路此处画了一幅图来表达实现无限循环的思路，即在数据起始位置前插入最后一项数据，在最后一项数据后插入第一项数据，当滑动到此处时，更新页面的索引位置就ok了。代码实

RollViewPager 实现无限循环的轮播图效果

做事不嫌早晚，重要的是在路上.

05-28

591

1.导入依赖:compile 'com.jude:rollviewpager:1.4.6'2. 在布局文件中添加控件:<com.jude.rollviewpager.RollPagerView android:id="@+id/rollPagerView" app:rollviewpager_play_delay="5000" android:lay...

ViewPager无限循环左右滑动效果

06-15

本教程将详细讲解如何实现ViewPager的无限循环左右滑动效果。首先，我们需要了解ViewPager的基本用法。ViewPager是Android Support Library中的一个控件，它允许用户通过水平滑动手势在多个页面之间切换。每个页面...

Android使用ViewPager实现左右无限滑动

01-04

网上有很多使用ViewPager实现左右滑动这一效果的资料，这些资料大多数都是将PagerAdapter中getCount()方法的返回值设为Integer.MAX_VALUE使用户看不到边界，然后在instantiateItem()方法中通过position%（要循环...

Android ViewPager导航小圆点实现无限循环效果

01-04

利用View Pager很快就能实现，但是一次无意间使用淘宝APP的时候，突然发现它的效果和我做的还不一样，淘宝APP的推荐栏可以左右无限循环切换，而ViewPager自身其实并没有支持这个功能。其实实现这个无限循环不难，只...

Android 使用ViewPager实现左右循环滑动及轮播效果

08-31

然而，原生的ViewPager并不支持左右无限循环滑动，也就是说，当用户滑动到第一个或最后一个页面时，无法继续滑动到“边界之外”的页面。这可能在一些场景下，如广告轮播或无限滚动的图片展示，会影响用户体验。因此...

android标签循环次数,Android 使用ViewPager实现无限无缝循环

weixin_36440677的博客

05-26

205

做这个之前百度了一些资料大多数都是将count设置为integerMax 然后通position%count 方式取得对应的数据集这样虽然可以做到无限循环 但是有两个弊端首先会创建大量对象,性能方面肯定是不好,其次是从第一页向右边滑的时候是无法滑动的。今天给大家分享个实现思路如下图创建三个图片视图放入ViewPager中默认选中第二页 ,在接下来的滑动中每次滑动结束之后都将当前页码设置为第...

Android实现ViewPager无限循环滚动回绕

weixin_33721427的博客

06-07

418

Android实现ViewPager无限循环滚动回绕 Android系统提供的ViewPager标准方式是左右可以自由滑动，但是滑动到最左边的极限位置是第一个page，滑动到最右边的位置是最后一个page，当滑动到最左或者最右时候，就不能再滑动/滚动了，这是Android系统默认的ViewPager实现方式。但是有些情况下开发者可能希望ViewPager能够智能的无限循环滚动...

ViewPager实现真正的左右无限循环滑动

ywl5320的专栏

11-04

6779

最近由于项目需要需要实现类似于广告那种左右无限滑动展示信息的功能，因此第一反应就是使用viewpager，但是Android原生的viewpager不支持左右无限滑动，在网上也找了好多资料都不是很满意，有的说在适配器中把返回的大小设置为很大，然后初始化时再取中间位，因为一般人不会那么无聊的一直向右或左滑到尽头，但是我觉得这种方法不是很好，浪费资源，也容易报错。因此就viewpager的特性想出了一...

ViewPager的自动循环滑动

Martin0207的博客

05-05

724

ViewPager的自动循环滑动循环的设想——逻辑——实现自动循环的设想——逻辑——实现相关代码的项目地址

循环 ViewPager 的两种实现方法

leandom的专栏

09-20

563

ViewPager 是不能循环滚动的，但是在项目中可能需要用到循环滚动的 ViewPager，比如广告栏。下面介绍循环 ViewPager 的两种实现方式。方法1：将 count 设为尽可能的大，制造一种假的循环。这是网上出现比较多的方法，实现起来较为简单。需要注意的是，我们需要设置 ViewPager 的初始 position，否则第一页无法向右滑动。直接看代码。public class Mai

Android无限循环ViewPager

junjun071308的专栏

09-19

1559

无限左右循环优化版ViewPager

安卓viewpager实现数据无限循环

04-04

实现数据无限循环可以通过以下步骤： 1. 在Adapter中重写getCount()方法，将其返回一个较大的值，比如Integer.MAX_VALUE，这样就可以实现数据循环的效果。 2. 在Adapter中重写getItem()方法，将其返回数据集中指定位置的数据，但是要注意，位置需要取余数，即position % data.size()，这样可以保证数据循环。 3. 在ViewPager中重写onPageSelected()方法，当用户滑动到第一个或最后一个数据时，将ViewPager设置为对应的位置，这样就可以实现无限循环的效果。以下是示例代码： ``` public class MyPagerAdapter extends PagerAdapter { private List<Data> mDataList; public MyPagerAdapter(List<Data> dataList) { mDataList = dataList; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { View itemView = LayoutInflater.from(container.getContext()).inflate(R.layout.item_viewpager, container, false); TextView textView = itemView.findViewById(R.id.tv_data); Data data = mDataList.get(position % mDataList.size()); textView.setText(data.getData()); container.addView(itemView); return itemView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private List<Data> mDataList = new ArrayList<>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initData(); initViewPager(); } private void initData() { for (int i = 0; i < 10; i++) { mDataList.add(new Data("Data " + i)); } } private void initViewPager() { mViewPager = findViewById(R.id.view_pager); mViewPager.setAdapter(new MyPagerAdapter(mDataList)); mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { if (position == 0) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } else if (position == Integer.MAX_VALUE - 1) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } } @Override public void onPageScrollStateChanged(int state) { } }); } } ```