viewpager 自动无限循环 这段代码移到你的程序中就可以用了

最新推荐文章于 2021-05-29 03:43:19 发布
最新推荐文章于 2021-05-29 03:43:19 发布
阅读量838 收藏
点赞数
分类专栏： android 项目 android 控件 android 优化用户体验细节操作 文章标签： viewpager 自动无限循环
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a4384142/article/details/47262855
版权

本程序需要懂得viewpager的基础知识，也就是说你能够自己写出一个手动滑动的viewpager，下面我将附带加小圆点的知识

那么我们回顾一下图片轮转的基础知识，如果你已经对viewpager很熟悉了就不用看了，浪费时间
1.viewpager是在v4兼容报里面的，使用控件时请带上报名
2.数据来源用list存放，我这里用的是textview做的小圆点list《textview》，layout做的单张幻灯片list《view》，将xml文件inflate成为view，View.inflate()参数我就不写了。
3.viewpager的适配器pageradapter的使用

一切准备就绪之后，你首先要实现的是小圆点与幻灯片的同步
它的逻辑我先带大家理一下

在控件中第一个小圆点为选中状态，就是说一进来第一个小圆点是被选中的。

当幻灯片切换到第二张的时候将第二个小圆点的背景设为你想要设置的被选中的颜色，然后你还要将第一个设为没被选中的颜色。
一直这样下去就形成了一个规律，就有了这样一段代码


if(position==0){    textlist.get(position+1).setTextColor(0x99000000);
}if(position==1){
textlist.get(position-1).setTextColor(0x99000000);
textlist.get(position+1).setTextColor(0x99000000);
}if(position==2){
textlist.get(position-1).setTextColor(0x99000000);
textlist.get(position+1).setTextColor(0x99000000);
}if(position==3){
textlist.get(position-1).setTextColor(0x99000000);
}

也许看完这段代码你会有个疑问就是position从哪来的，也可能有的同学已经知道了，没错他就是有viewpager.setonpagerchangelistener的onpageselected方法里面的

所以将这段代码 放在里面

下面进一步升级，自动循环，我这里用的是简单的handler的方法

首先声明一个handler

    private Handler handler = new Handler() {  

        @Override  
        public void handleMessage(Message msg) {  
            super.handleMessage(msg);  
            if(currentItem==3){
                currentItem=-1;
            }
            aviewpager.setCurrentItem(currentItem+1);  
        }  
    };

这里面还需要两个变量也贴在这里

    现在所处的张数
    int currentItem;
    进入无限循环的标识
    private boolean isLoop = true;

currentItem的赋值我想到的是onpageselected方法中的position。

那么onpagerselected方法要有一些变动

aviewpager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub
                currentItem =position;
                textlist.get(position).setTextColor(0x997cfc00);
                if(position==0){
                                textlist.get(position+1).setTextColor(0x99000000);
                        //  新增一条这里                      textlist.get(position+3).setTextColor(0x99000000);
                }               
                if(position==1){
                textlist.get(position-1).setTextColor(0x99000000);
                textlist.get(position+1).setTextColor(0x99000000);
                }
                textlist.get(position+1).setTextColor(0x99000000);
                }if(position==3){
                textlist.get(position-1).setTextColor(0x99000000);
                }
            }

最后在oncreate方法里面还要新建一个线程

    new Thread(new Runnable() {  

            @Override  
            public void run() {  
                while (isLoop) {  
                    SystemClock.sleep(1000);  
                    handler.sendEmptyMessage(0);  
                }  
            }  
        }).start();

设置你想要的时间

下面贴出我的完整代码 以免有些地方看的云里雾里

java代码

public class ApplicationCenter_activity extends Activity {

    private ViewPager aviewpager;
    private List<View> viewlist;
    private List<TextView> textlist;
    private TextView tv1, tv2, tv3, tv4;
    int currentItem;
    private boolean isLoop = true;  
    private Handler handler = new Handler() {  

        @Override  
        public void handleMessage(Message msg) {  
            super.handleMessage(msg);  
            if(currentItem==3){
                currentItem=-1;
            }
            aviewpager.setCurrentItem(currentItem+1);  
        }  
    };  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.application_layout);
        new Thread(new Runnable() {  

            @Override  
            public void run() {  
                while (isLoop) {  
                    SystemClock.sleep(1000);  
                    handler.sendEmptyMessage(0);  
                }  
            }  
        }).start();  
        viewlist = new ArrayList<View>();
        textlist = new ArrayList<TextView>();
        aviewpager = (ViewPager) findViewById(R.id.aviewpager1);
        tv1 = (TextView) findViewById(R.id.tv1);
        tv2 = (TextView) findViewById(R.id.tv2);
        tv3 = (TextView) findViewById(R.id.tv3);
        tv4= (TextView) findViewById(R.id.tv4);

        View view = View.inflate(getApplicationContext(),R.layout.view1, null);
        View view1 = View.inflate(getApplicationContext(),R.layout.view2, null);
        View view2 = View.inflate(getApplicationContext(),R.layout.view3, null);
        View view3 = View.inflate(getApplicationContext(),R.layout.view4, null);

        viewlist.add(view);
        viewlist.add(view1);
        viewlist.add(view2);
        viewlist.add(view3);        

        textlist.add(tv1);
        textlist.add(tv2);
        textlist.add(tv3);
        textlist.add(tv4);

        MyPagerAdapter adapter = new MyPagerAdapter(viewlist);
        aviewpager.setAdapter(adapter);
        aviewpager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub

                currentItem =position;
                textlist.get(position).setTextColor(0x997cfc00);
                if(position==0){
                    textlist.get(position+1).setTextColor(0x99000000);
                    textlist.get(position+3).setTextColor(0x99000000);
                }               
                if(position==1){
                textlist.get(position-1).setTextColor(0x99000000);
                textlist.get(position+1).setTextColor(0x99000000);
                }
                if(position==2){
                    textlist.get(position-1).setTextColor(0x99000000);
                    textlist.get(position+1).setTextColor(0x99000000);
                }if(position==3){
                    textlist.get(position-1).setTextColor(0x99000000);
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });
    }
}

这种方式可能欠妥，最好是用imageview，两种状态的图片为内容

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

            <android.support.v4.view.ViewPager
                android:id="@+id/aviewpager1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|center_horizontal"
                android:gravity="center_horizontal"
                android:orientation="horizontal" >

                <TextView
                    android:id="@+id/tv1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="·"
                    android:textColor="#7cfc00"
                    android:textSize="50sp" />

                <TextView
                    android:id="@+id/tv2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="·"
                    android:textColor="#000000"
                    android:textSize="50sp" />

                <TextView
                    android:id="@+id/tv3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="·"
                    android:textColor="#000000"
                    android:textSize="50sp" />

                <TextView
                    android:id="@+id/tv4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="·"
                    android:textColor="#000000"
                    android:textSize="50sp" />
            </LinearLayout>

    </FrameLayout>

下面是简单的适配器

package com.yfbiz.adapter;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

public class MyPagerAdapter extends PagerAdapter {

    private List<View> viewlist;

    public MyPagerAdapter(List<View> viewlist){
        this.viewlist=viewlist;
    }
    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return viewlist.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0==arg1;
    }
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // TODO Auto-generated method stub
        container.addView(viewlist.get(position));
        return viewlist.get(position);
    }
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // TODO Auto-generated method stub
        container.removeView(viewlist.get(position));
    }

}
没劲1
关注
专栏目录
ViewPager（一屏多页、无限滑动、自动切换）
u013619657的专栏
08-30 3592
【原创】转载请加原文链接：http://blog.csdn.net/u013619657/article/details/52370663
viewpager无限循环
08-16
一个viewpager无限循环的demo，自己留着以后用
ViewPager 无限循环
weixin_33811961的博客
09-25 91
Overview 我们在使用ViewPager来制作图片轮播的时候，常常为ViewPager不能一直无限循环的问题所苦恼。对于这个问题，目前从网上找到了两个思路来解决: 将 ViewPager 的Count 的数量设置的尽可能的大，然后就造成了无限循环的假象。 第二种，方式是，假如三个图片无限循环，那么就需要用5张图片，如下图所示 使用这种方式启动的时候，需要将 2 号图片，设置为第一张，当...
无限循环的ViewPager
记得抬头看路哦
08-24 5291
目前情况 在不修改源码的情况下，当ViewPager滑动到最后一个item的时候，他就无法再往右滑动；当ViewPager滑动到第一个item的时候，他也无法再往前滑动。（以上全是废话） 设想 我们可以这样想，当滑动最后一个的时候，我们让他跳转到第一个，这样他就可以继续往后滑动了，这样做行程了我们想要的循环滑动。 如果这样作，虽然功能上是循环了，但是实际显示的时候会在最后一个和第一个之间自
Android viewpager无限循环
08-19
Android viewpager无限循环，并且可以设置自动循环！
AndroidViewPager实现无限循环轮播Banner
06-13
在本主题中，我们将深入探讨如何使用原生控件ViewPager实现一个无限循环的轮播Banner。ViewPager是Android SDK中的一个强大组件，它可以方便地实现页面间的滑动切换，非常适合用来构建这种效果。 首先，我们需要...
viewpager轮播图正反无限次滑动
04-26
最后，考虑到项目的可维护性和复用性，我们可以将这个无限循环的ViewPager封装成一个库或者组件，供项目中的其他地方直接引用。这样可以提高代码的组织性和一致性，降低开发成本。 总的来说，实现"viewpager轮播图...
Android封装自定义ViewPager实现左右无限切换和手势滑动效果1
07-28
你可以通过查看和分析这段代码，更深入地理解自定义ViewPager的实现细节。通过这种方式，开发者不仅可以满足项目的特定需求，还能提升对Android UI组件和手势处理的掌握。在实际开发中，这种自定义组件的能力是非常...
android 无限轮播图
06-24
- 使用Handler和Runnable实现自动轮播，每隔一段时间（如3秒）切换到下一个页面。在`onCreate`或`onResume`中启动轮播，在`onPause`或`onDestroy`中停止轮播。 - 通过ViewPager的`addOnPageChangeListener`接口，...
viewpager真正无限循环
08-03
viewpager真正无限循环
Android 使用viewpager实现无限循环(定时+手动)
09-03
主要介绍了Android 使用viewpager实现无限循环(定时+手动)的相关资料,需要的朋友可以参考下
Android ViewPager实现无限循环效果
01-05
最近项目里有用到ViewPager来做广告运营位展示，看到现在很多APP的广告运营位都是无限循环的，所以就研究了一下这个功能的实现。 先看看效果 从一个方向上一直滑动，么有滑到尽头的感觉，具体是怎么实现的呢？看下面的思路。 实现思路 此处画了一幅图来表达实现无限循环的思路，即在数据起始位置前插入最后一项数据，在最后一项数据后插入第一项数据，当滑动到此处时，更新页面的索引位置就ok了 。 代码实现 这个方法用于数据处理，其中mediaList是原始数据，newMediaList是处理完的数据，mMediaList是用于页面显示的数据。 public void initItemList(L
无限循环viewpager
03-14
可自己设置循环时间和图片数目，使用方便，扩展性强，支持手势滑动，可根据项目进行修改。
ViewPager 广告轮播、无限循环
10-10
实现类似京东、淘宝广告轮播功能 无限循环、各种动画
ViewPager实现无限循环
不悔的青春
03-01 3395
引言这两天在项目里有用到ViewPager来做广告运营位展示，看到现在很多APP的广告运营位都是无限循环的，所以就研究了一下这个功能的实现。先看看效果 从一个方向上一直滑动，么有滑到尽头的感觉，具体是怎么实现的呢？看下面的思路。实现思路 此处画了一幅图来表达实现无限循环的思路，即在数据起始位置前插入最后一项数据，在最后一项数据后插入第一项数据，当滑动到此处时，更新页面的索引位置就ok了 。代码实
ViewPager系列之ViewPager无限循环滑动原理、代码、2种实现方法比较
热门推荐
JM_beizi的专栏
05-02 1万+
ViewPager无限循环2种方法。方法1：重写 PagerAdapter 中的 getCount() 方法。方法2：重写了 OnPageChangeListener 接口中的onPageSelected 方法。ViewPager无限循环原理。ViewPager无限循环2种实现方法比较。
android 无限循环检查,Android_ViewPager_无限循环
weixin_31509753的博客
05-29 266
ViewPager 实现无线循环ViewPager 无限循环作为Banner来使用是一个很常见的场景，那么它的实现原理是怎么样的呢？相信这一块大家已经都比较熟悉了。话不多说，先上图。效果图原理图其中所有的黑色框用来展示原始的数据集合，为了实现无限循环的效果，这里有一个小把戏，就是在首部添加了一个原始数据集合最后的元素，同时，将原始集合第一个元素添加到了尾部，这样，就重新组成了一个新的数据集合。/*...
ViewPager无限循环
小炫风技术旅行
08-15 358
今天突然一小伙伴问我ViewPager无限循环的问题，在这里我给出demo package com.example.xuan.viewpager; import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.support.v4.view.PagerAd
Android ViewPager无限循环实现代码详解
在Android开发中，有时我们需要实现一个类似轮播图的效果，使得ViewPager可以无限循环滑动。本文提供了一种方法来达到这一目标，主要通过添加额外的页面来模拟无限循环。下面将详细阐述这种实现方式。 首先，我们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值