自己造轮子 - Android ViewPager轮播实现

最新推荐文章于 2021-05-30 22:47:29 发布
最新推荐文章于 2021-05-30 22:47:29 发布
阅读量336 收藏
点赞数
分类专栏： android kotlin 文章标签： viewpager 轮播
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1018875550/article/details/77624306
版权

最近想要实现一个自定义一个viewPager实现广播轮播的效果，但是网上找了许多很多杰作，有的并不是太好比如改写view count的值为Int的最大值什么的，有的就是嵌套其他东西太多，我只想要个轮播的viewPager而他的包里包含了太多其他东西/(ㄒoㄒ)/~~；
所以还是还是手撸一个吧；实现的思路就是改写viewPager用postDelayed来实现轮播，并且还要解决手指拖拽viewPager时自动轮播要停止的问题；so，上代码吧:

1.定义Runnable

kotlin

private val autoScrollRunnable = object : Runnable {
        override fun run() {
            if (currentItem == adapter.count - 1) {
//                currentItem = 0
                setCurrentItem(0, false)
            } else {
                currentItem += 1
            }
            postDelayed(this, duration.toLong())
        }
    }

Java

private Runnable autoScrollRunnable = new Runnable() {
        @Override
        public void run() {
            if (getCurrentItem() == getAdapter().getCount() - 1) {
//                currentItem = 0
                setCurrentItem(0, false);
            } else {
                setCurrentItem(getCurrentItem() + 1);
            }
            postDelayed(autoScrollRunnable, duration);
        }
    };

2.定义styleable方便自定义使用

 <declare-styleable name="AutoScrollViewPager">
        <attr format="boolean" name="indeterminate"/>
        <attr format="boolean" name="autoScroll"/>
        <attr format="integer" name="duration"/>
    </declare-styleable>

kotlin

  private val default_duration = 2000
    var duration = default_duration
    //是否自动滚动
    private var autoScroll = true
    //是否循环滚动
    private var indeterminate = true

    private var startX = 0f

    constructor(context: Context) : this(context, null)

    init {
        var typeArray = context.obtainStyledAttributes(attrs, R.styleable.AutoScrollViewPager)

        duration = typeArray.getInt(R.styleable.AutoScrollViewPager_duration, default_duration)
        setAutoScrollEnabled(typeArray.getBoolean(R.styleable.AutoScrollViewPager_autoScroll, true))
        indeterminate = typeArray.getBoolean(R.styleable.AutoScrollViewPager_indeterminate, true)

        typeArray.recycle()

    }

Java

 private final int default_duration = 2000;

    private int duration = default_duration;
    /**
     * 是否自动滚动
     */
    private boolean autoScroll = true;
    /**
     * 是否循环滚动
     */
    private boolean indeterminate = true;

    private float startX = 0;

    public AutoScrollViewPager2(Context context) {
        this(context, null);
    }

    public AutoScrollViewPager2(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AutoScrollViewPager);
        duration = typedArray.getInt(R.styleable.AutoScrollViewPager_duration, default_duration);
        setAutoScrollEnabled(typedArray.getBoolean(R.styleable.AutoScrollViewPager_autoScroll, true));
        indeterminate = typedArray.getBoolean(R.styleable.AutoScrollViewPager_indeterminate, true);

        typedArray.recycle();
    }

3.定义一些方法

kotlin

internal fun setAutoScrollEnabled(value: Boolean) {
        autoScroll = value

        if (autoScroll) {
            startAutoScroll()
        }
    }
 private fun startAutoScroll() {
        stopAutoScroll()
        postDelayed(autoScrollRunnable, duration.toLong())
    }
    private fun stopAutoScroll() {
        removeCallbacks(autoScrollRunnable)
    }

Java

 public void setAutoScrollEnabled(boolean value) {
        autoScroll = value;

        if (autoScroll) {
            startAutoScroll();
        }
    }
 private void startAutoScroll() {
        stopAutoScroll();
        postDelayed(autoScrollRunnable, duration);
    }

    private void stopAutoScroll() {
        removeCallbacks(autoScrollRunnable);
    }

4. 自动调用轮播

kotlin

 override fun onAttachedToWindow() {
        super.onAttachedToWindow()
        setAutoScrollEnabled(autoScroll)
    }

    override fun onDetachedFromWindow() {
        super.onDetachedFromWindow()
        stopAutoScroll()
    }

    override fun onWindowFocusChanged(hasWindowFocus: Boolean) {
        super.onWindowFocusChanged(hasWindowFocus)
        if (hasWindowFocus) {
            setAutoScrollEnabled(autoScroll)
        } else {
            stopAutoScroll()
        }
    }

Java

 @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        setAutoScrollEnabled(autoScroll);
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        stopAutoScroll();
    }

    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        if (hasWindowFocus) {
            setAutoScrollEnabled(autoScroll);
        } else {
            stopAutoScroll();
        }
    }

这里会涉及到一个问题，就是View的post(Runnable)方法非100%执行，原因和处理方法在这里

5.手指拖拽viewPager时停止自动轮播

kotlin

    override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
        try {
            when(event.actionMasked){
                MotionEvent.ACTION_DOWN ->{
                    //按下手指停止自动滚动
                    stopAutoScroll()
                    startX = event.x
                }
            }
            return super.onInterceptTouchEvent(event)
        } catch (e: Exception) {
            JLog.e(e)
        }
        return true
    }
    override fun onTouchEvent(ev: MotionEvent): Boolean {
        try {
            when (ev.action and MotionEvent.ACTION_MASK) {
                MotionEvent.ACTION_UP -> {
                    //如果indeterminate为true则手指滑动到最后一个时再滑动则跳到一个view
                    if (indeterminate
                            && (currentItem == 0 || currentItem == adapter.count - 1)) {

                        if (currentItem == adapter.count - 1
                                && (ev.x < startX && startX - ev.x > 50)) {
                            postDelayed({ setCurrentItem(0, false) },
                                    100)
                        }
                    }
                    //移开手指开始自动滚动
                    startAutoScroll()
                }
            }
            return super.onTouchEvent(ev)
        } catch (e: Exception) {
            JLog.e(e)
        }
        return false
    }

Java

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        try {
            switch (ev.getActionMasked()) {
                case MotionEvent.ACTION_DOWN: {
                    //按下手指停止自动滚动
                    stopAutoScroll();
                    startX = ev.getX();
                    break;
                }
            }
            return super.onInterceptTouchEvent(ev);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return true;
    }
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        try {
            switch (ev.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_UP: {
                    //如果indeterminate为true则手指滑动到最后一个时再滑动则跳到一个view
                    if (indeterminate
                            && (getCurrentItem() == 0
                            || getCurrentItem() == getAdapter().getCount() - 1)) {

                        if (getCurrentItem() == getAdapter().getCount() - 1
                                && (ev.getX() < startX && startX - ev.getX() > 50)) {
                            postDelayed(new Runnable() {
                                @Override
                                public void run() {
                                    setCurrentItem(0, false);
                                }
                            }, 200);
                        }
                    }
                    //移开手指开始自动滚动
                    startAutoScroll();
                    break;
                }
            }
            return super.onTouchEvent(ev);
        } catch (Exception e) {
            e.printStackTrace();
        }

        return false;
    }

这就ok了，最后奉上完整代码,(Kotlin):

/**
 * Created by JokAr on 2017/6/22.
 */
open class AutoScrollViewPager @JvmOverloads constructor(context: Context, attrs: AttributeSet?)
    : ViewPager(context, attrs) {



    private val default_duration = 2000
    var duration = default_duration
    //是否自动滚动
    private var autoScroll = true
    //是否循环滚动
    private var indeterminate = true

    private var startX = 0f

    constructor(context: Context) : this(context, null)

    init {
        var typeArray = context.obtainStyledAttributes(attrs, R.styleable.AutoScrollViewPager)

        duration = typeArray.getInt(R.styleable.AutoScrollViewPager_duration, default_duration)
        setAutoScrollEnabled(typeArray.getBoolean(R.styleable.AutoScrollViewPager_autoScroll, true))
        indeterminate = typeArray.getBoolean(R.styleable.AutoScrollViewPager_indeterminate, true)

        typeArray.recycle()
    }

    private val autoScrollRunnable = object : Runnable {
        override fun run() {
            if (currentItem == adapter.count - 1) {
//                currentItem = 0
                setCurrentItem(0, false)
            } else {
                currentItem += 1
            }
            postDelayed(this, duration.toLong())
        }
    }

    internal fun setAutoScrollEnabled(value: Boolean) {
        autoScroll = value

        if (autoScroll) {
            startAutoScroll()
        }
    }

    override fun onAttachedToWindow() {
        super.onAttachedToWindow()
        setAutoScrollEnabled(autoScroll)
    }

    override fun onDetachedFromWindow() {
        super.onDetachedFromWindow()
        stopAutoScroll()
    }

    override fun onWindowFocusChanged(hasWindowFocus: Boolean) {
        super.onWindowFocusChanged(hasWindowFocus)
        if (hasWindowFocus) {
            setAutoScrollEnabled(autoScroll)
        } else {
            stopAutoScroll()
        }
    }

    override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
        try {
            when(event.actionMasked){
                MotionEvent.ACTION_DOWN ->{
                    //按下手指停止自动滚动
                    stopAutoScroll()
                    startX = event.x
                }
            }
            return super.onInterceptTouchEvent(event)
        } catch (e: Exception) {
            JLog.e(e)
        }
        return true
    }

    override fun onTouchEvent(ev: MotionEvent): Boolean {
        try {
            when (ev.action and MotionEvent.ACTION_MASK) {
                MotionEvent.ACTION_UP -> {
                    //如果indeterminate为true则手指滑动到最后一个时再滑动则跳到一个view
                    if (indeterminate
                            && (currentItem == 0 || currentItem == adapter.count - 1)) {

                        if (currentItem == adapter.count - 1
                                && (ev.x < startX && startX - ev.x > 50)) {
                            postDelayed({ setCurrentItem(0, false) },
                                    100)
                        }
                    }
                    //移开手指开始自动滚动
                    startAutoScroll()
                }
            }
            return super.onTouchEvent(ev)
        } catch (e: Exception) {
            JLog.e(e)
        }
        return false
    }


    private fun startAutoScroll() {
        stopAutoScroll()
        postDelayed(autoScrollRunnable, duration.toLong())
    }

    private fun stopAutoScroll() {
        removeCallbacks(autoScrollRunnable)
    }
}

Java版:

/**
 * Created by JokAr on 2017/8/28.
 */

public class AutoScrollViewPager extends ViewPager {
    private final int default_duration = 2000;

    private int duration = default_duration;
    /**
     * 是否自动滚动
     */
    private boolean autoScroll = true;
    /**
     * 是否循环滚动
     */
    private boolean indeterminate = true;

    private float startX = 0;

    public AutoScrollViewPager2(Context context) {
        this(context, null);
    }

    public AutoScrollViewPager2(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AutoScrollViewPager);
        duration = typedArray.getInt(R.styleable.AutoScrollViewPager_duration, default_duration);
        setAutoScrollEnabled(typedArray.getBoolean(R.styleable.AutoScrollViewPager_autoScroll, true));
        indeterminate = typedArray.getBoolean(R.styleable.AutoScrollViewPager_indeterminate, true);

        typedArray.recycle();
    }

    private Runnable autoScrollRunnable = new Runnable() {
        @Override
        public void run() {
            if (getCurrentItem() == getAdapter().getCount() - 1) {
//                currentItem = 0
                setCurrentItem(0, false);
            } else {
                setCurrentItem(getCurrentItem() + 1);
            }
            postDelayed(autoScrollRunnable, duration);
        }
    };

    public void setAutoScrollEnabled(boolean value) {
        autoScroll = value;

        if (autoScroll) {
            startAutoScroll();
        }
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        setAutoScrollEnabled(autoScroll);
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        stopAutoScroll();
    }

    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        if (hasWindowFocus) {
            setAutoScrollEnabled(autoScroll);
        } else {
            stopAutoScroll();
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        try {
            switch (ev.getActionMasked()) {
                case MotionEvent.ACTION_DOWN: {
                    //按下手指停止自动滚动
                    stopAutoScroll();
                    startX = ev.getX();
                    break;
                }
            }
            return super.onInterceptTouchEvent(ev);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return true;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        try {
            switch (ev.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_UP: {
                    //如果indeterminate为true则手指滑动到最后一个时再滑动则跳到一个view
                    if (indeterminate
                            && (getCurrentItem() == 0
                            || getCurrentItem() == getAdapter().getCount() - 1)) {

                        if (getCurrentItem() == getAdapter().getCount() - 1
                                && (ev.getX() < startX && startX - ev.getX() > 50)) {
                            postDelayed(new Runnable() {
                                @Override
                                public void run() {
                                    setCurrentItem(0, false);
                                }
                            }, 200);
                        }
                    }
                    //移开手指开始自动滚动
                    startAutoScroll();
                    break;
                }
            }
            return super.onTouchEvent(ev);
        } catch (Exception e) {
            e.printStackTrace();
        }

        return false;
    }

    private void startAutoScroll() {
        stopAutoScroll();
        postDelayed(autoScrollRunnable, duration);
    }

    private void stopAutoScroll() {
        removeCallbacks(autoScrollRunnable);
    }
}
JokAr-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 广告无限轮播,ViewPager两种方式实现无限轮播
weixin_34889287的博客
05-26 661
给自己的忠告：虽然轮子很好用，但是使用轮子的前提是：如果不去封装一些复杂的功能，自己会用最基本的方法写一个，不然再好的轮子那也是别人的，当自己项目遇到和轮子不一样的地方，那就只能束手无策或者改人家的源码，当然能看懂轮子的封装思想自己学以致用并且能够很轻松的更改源码那是最好不过的了。1. 实现思路两种方案：(1)采用Adapter内的getCount()方法返回Integer.MAX_VALUE。(...
Android-ViewPager实现广告轮播图
05-08
ViewPager是Android Support Library中的一个强大控件，它允许用户左右滑动查看多个页面，非常适合构建轮播图。 首先，我们需要在项目中添加ViewPager依赖。在build.gradle模块文件中添加以下依赖： ```groovy ...
Binner轮播图(Kotlin)
08-10
此资源是Binner轮播图，可应用于广告位，类似于淘宝主页轮播。此资源用kotlin写的，我还有java版本在我的下载资源中。
Android报表，自己造轮子的开源项目,期待你的加入
non_attack的博客
12-13 316
Android报表，自己造轮子的开源项目 https://gitee.com/wuhan_mallaf/android_report.git 喜欢开源的同学，可以一起用业余时间写写代码，码云私信我即可，期待你的加入。 ...
viewpager 轮播框架---只需一行代码
南极的松树的博客
04-22 368
Viewpager 轮播框架讲解 ，只需一行代码，搞定一轮播带指正的轮播，我博客中就写了一种方法 其他自己摸索吧，很简单百度一大堆
Android 疯狂造轮子 常用工具类 直接拿来用！
帅气大果果
11-14 2685
文章转自http://blog.csdn.net/smartbetter/article/details/52709446 本篇用于分享Android开发辅助工具类，用于快速开发，以便减少做重复的工作，提高开发效率。项目代码长期更新于Github：https://github.com/smartbetter/Android-UtilsLibrary 1.AppUtils（App相关
最新kotlin android 轮播图的实现，超简单 - android banner
qq_39909614的博客
09-02 4665
写在前面 本人android小白，刚学kotlinandroid ，所以这篇文章是给小白看的 由于项目中需要使用到轮播图，自己造轮子不太可能所以肯定是要用到第三方库的 但是我发现网上大部分都是java android的，或者又有一些都是太老旧 正文 此次采用的是youth5201314的banner库，这个项目在github上也是拥有超多的star 第一步 在gradle中添加banner 和 glide 依赖 （这里用到glide是需要用到他的图片加载，也可以不用具体请参考.....
android引导页自动轮播,Android使用ViewPager实现自动轮播
weixin_42400074的博客
05-25 501
很多APP中都实现了类似引导页的自动轮播，不由得想到昨天的引导页上修改一下代码实现轮播。 其实大体上只需要添加一个线程循环执行就可以了。同样的先上图直接上代码，注释都全的，我想这样更有利于理解。先改了Adapterpackage com.example.nanchen.taketurnplaydemo;import android.support.v4.view.PagerAdapter;impo...
android 广告栏效果,自己造轮子--一款实用的Android广告栏实现过程（一）
weixin_34483980的博客
05-25 111
开源界有一句很有名的话叫“不要重复发明轮子”，当然，我今天的观点不是要反驳这句话，轮子理论给我们的开发带来了极大的便利，项目中要实现一些功能，便去网上找找，一般推荐使用一些有名的库，我本身也是这么做的，但我想说的是，既要会用轮子，也要知道轮子怎么造，必要的时候，自己也要造轮子(想要找到一个完全满意的轮子还是不大容易的)。由来之前项目里面都是用的daimajia的AndroidImageSlider...
android轮播引导页,ViewPager打造轮播图Banner/引导页Guide
weixin_39632057的博客
05-30 234
前言去年7月时，在Github发布了一个开源的Banner库，虽然Star不多，但还是有少部分人使用。Banner效果：昨天，有使用此库的同学提出需求，想在引导页的时候用这个库并且最后一页有进入按钮如何实现，为满足他的需求，也方便更多开发者是快速实现。进行了简单的扩展支持Guide模式的使用。Guide效果图：OK，效果如图所以，咱们此库满足了既可在Banner上使用也可以快速在第一次安装应用的时...
Android 使用ViewPager实现轮播图效果
08-30
Android 使用ViewPager实现轮播图效果 Android 中的 ViewPager 是一个非常常用的控件，它可以用来实现轮播图效果。在本文中，我们将通过实例代码来讲解如何使用 ViewPager 实现轮播图效果，并且介绍了适配器和各个...
Android ViewPager实现轮播图效果
08-31
在Android开发中，实现动态轮播图效果通常采用ViewPager组件，它可以提供平滑的左右滑动体验，常用于展示广告、图片轮播等场景。本文将详细介绍如何使用Android的ViewPager和PagerAdapter来创建一个轮播图。 首先，...
Android高级应用源码-Android ViewPager Fragment实现选项卡.zip
10-14
本资源"Android高级应用源码-Android ViewPager Fragment实现选项卡.zip"提供了一个示例，展示了如何在Android项目中有效地利用ViewPager结合Fragment来创建一个多页面、可滑动切换的选项卡界面。 1. **ViewPager...
Android ViewPager实现图片轮播效果
09-01
在Android中，图片轮播主要是通过结合ViewPager和Handler来完成的。ViewPager本身可以方便地切换不同页面，而Handler则用于定期更新界面，改变ViewPager的currentItem属性，使其自动向后翻页。实现步骤如下： 1. **...
Banner轮播图&kotlin
qiu_suo的博客
05-24 1807
今天主要学习的是Banner轮播图 首先先将轮播图的依赖导进来 implementation 'com.youth.banner:banner:1.4.10' 然后再在布局文件中写出bunner的位置 然后在对应的类中拿到他的对象，开始进行设置 先写出几个方法 首先需要封装出两个集合 一个是存图片的 val arrayOf = arrayListOf<Int>(R.drawable...
Retrofit+Rxjava 下载文件(带进度显示)
热门推荐
JokAr
07-05 1万+
retrofit + rxjava.下载文件，带进度显示
Gson 解析报declares multiple JSON fields named XXX解决方法
JokAr
07-27 1万+
Gson 解析报declares multiple JSON fields named XXX解决方法
解决用VideoView 播放一些视频无法播放问题
JokAr
08-18 1万+
private MediaController mController;private VideoView mVideoView;private File mTmpFile = null;/** 解决用VideoView 播放一些视频无法播放问题 */ @Override protected void onCreate(Bundle savedInstanceState) { super.o
android viewpager 轮播
最新发布
10-10
Android的ViewPager是一种常用的布局容器，用于在屏幕上滑动显示多个页面。在实现轮播效果时，可以通过以下步骤来实现： 1. 首先，在XML布局文件中添加ViewPager组件。可以设置该组件的宽度和高度，以及其他属性，如指示器dots等。 2. 创建一个适配器类（如PagerAdapter），用于管理ViewPager中的页面。适配器需要重写一些方法，如获取页面数量、创建页面和销毁页面等。 3. 在创建页面的方法中，可以使用LayoutInflater.inflate()方法来加载布局文件，然后将其添加到ViewPager中。可以根据需求自定义每个页面的布局。 4. 在Activity或Fragment中，通过findViewById()方法获取ViewPager组件的实例，并设置适配器。例如： ViewPager viewPager = findViewById(R.id.viewPager); viewPager.setAdapter(adapter); 5. 如果需要实现轮播效果，可以通过设置ViewPager的setCurrentItem()方法来切换页面。可以使用Handler类来实现定时切换页面的效果。例如： Handler handler = new Handler(); Runnable runnable = new Runnable() { @Override public void run() { int currentItem = viewPager.getCurrentItem(); if (currentItem < adapter.getCount() - 1) { currentItem++; } else { currentItem = 0; } viewPager.setCurrentItem(currentItem); handler.postDelayed(this, 3000); // 间隔3秒切换页面 } }; handler.postDelayed(runnable, 3000); 以上就是使用Android的ViewPager实现轮播效果的简要步骤。通过设置适配器和定时切换页面，可以让多个页面在屏幕上自动滑动显示，从而实现轮播效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值