自动轮播,反转播放的ViewPagerAdapter

作者: 不听话好孩子 | 来源:发表于2017-12-06 17:48 被阅读0次

支持无限循环,自动轮播,反转播放的ViewPagerAdapter

触摸暂停切换

缩放pagertransformer

无限循环是利用反射设置一个很大的数值来无限循环

效果

GIF.gif
github地址
GIF.gif

使用

     LoopFragmentPagerAdapter adapter = new LoopFragmentPagerAdapter(getSupportFragmentManager()) {

            @Override
            public int getActualCount() {
                return 3;
            }

            @Override
            public Fragment getActualItem(int position) {
                return new MyFragment();
            }

            @Override
            public CharSequence getActualPagerTitle(int position) {
                return "标题" + position;
            }
        };
        adapter.setSwitchPeriod(5000);
        //不循环 反转轮播
        adapter.setLoop(false);
        //自动轮播
        adapter.setAutoSwitch(true);
        viewPager.setAdapter(adapter);

代码

/**
 * Created by 不听话的好孩子 on 2017/12/6.
 * <p>
 * 有RXjava用Rxjava实现切换,无Rxjava用post
 */

public abstract class LoopFragmentPagerAdapter extends FragmentStatePagerAdapter {
    /**
     * 用来启动动画 设置循环
     */
    private boolean isfirst = true;

    /**
     * 触摸的时候停止切换
     */
    private boolean touched = false;

    /**
     * 切换间隔
     */
    private int switchPeriod = 5000;

    /**
     * 自动切换
     */
    private boolean autoSwitch = true;

    /**
     * 是否需要无限循环
     */
    private boolean loop = true;

    /**
     * post runnable
     */
    private Runnable action;

    private int BIGCOUNT = 1000000;

    private Disposable disposable;

    private boolean reverse;

    /**
     * 有无rxjava
     */
    private boolean hasRx;

    public LoopFragmentPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        return getActualItem(position % getActualCount());
    }

    @Override
    public void startUpdate(final ViewGroup container) {
        super.startUpdate(container);
        if (isfirst) {
            isfirst = false;
            if (loop) {
                try {
                    doSettCurrenPager(container);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
            if (autoSwitch) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR2) {
                    startLoop((ViewPager) container);
                }
            }
        }
    }

    /**
     * 反射设置一个很大的位置达到伪无限循环
     *
     * @param container
     * @throws Exception
     */
    private void doSettCurrenPager(ViewGroup container) throws Exception {
        Field mCurItem = ViewPager.class.getDeclaredField("mCurItem");
        mCurItem.setAccessible(true);
        mCurItem.setInt(container, 1000000 - (BIGCOUNT % getActualCount()));
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return getActualPagerTitle(position % getActualCount());
    }

    @Override
    public int getCount() {
        return loop ? Integer.MAX_VALUE : getActualCount();
    }


    /**
     * 执行循环切换
     *
     * @param viewPager
     */
    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR2)
    private void startLoop(final ViewPager viewPager) {
        hasRx = checkIfHasRx();
        Log.w("LoopFragmentPager", "startLoop: " + (hasRx ? "当前使用Rxjava" : "当前使用View.post"), null);
        if (!hasRx) {
            usePost(viewPager);
        } else {
            userRx(viewPager);
        }
        viewPager.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                    case MotionEvent.ACTION_MOVE:
                        if (!touched) {
                            touched = true;
                            if (!hasRx) {
                                viewPager.removeCallbacks(action);
                            }
                        }
                        break;
                    case MotionEvent.ACTION_CANCEL:
                    case MotionEvent.ACTION_UP:
                        touched = false;
                        if (!hasRx) {
                            viewPager.postDelayed(action, switchPeriod);
                        }
                        break;
                }
                return false;
            }
        });
        viewPager.getViewTreeObserver().addOnWindowAttachListener(new ViewTreeObserver.OnWindowAttachListener() {
            @Override
            public void onWindowAttached() {

            }

            @Override
            public void onWindowDetached() {
                disposable.dispose();
                viewPager.removeCallbacks(action);
                action = null;
                viewPager.getViewTreeObserver().removeOnWindowAttachListener(this);
                viewPager.setOnTouchListener(null);
            }
        });

    }

    /**
     * 用Rxjava做循环切换
     *
     * @param viewPager
     */
    private void userRx(final ViewPager viewPager) {
        disposable = Observable.interval(switchPeriod, switchPeriod, TimeUnit.MILLISECONDS)
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Consumer<Long>() {
                    @Override
                    public void accept(Long aLong) throws Exception {
                        if (!touched) {
                            viewPager.setCurrentItem(caculatItem(viewPager));
                        }
                    }
                });
    }
    /**
     * 用View.post作循环切换
     *
     * @param container
     */
    @SuppressLint("ClickableViewAccessibility")
    private void usePost(final ViewPager container) {
        if (action == null) {
            action = new Runnable() {
                @Override
                public void run() {

                    container.setCurrentItem(caculatItem(container));
                    container.postDelayed(this, switchPeriod);
                }
            };
        }
        container.postDelayed(action, switchPeriod);
    }
    private int caculatItem(ViewPager viewPager){
        int nextItem = !reverse ? (viewPager.getCurrentItem() + 1) : (viewPager.getCurrentItem() - 1);
        if (!loop) {
            if (nextItem >= getActualCount()) {
                reverse = true;
                nextItem = viewPager.getCurrentItem() - 1;
            }
            if (nextItem < 0) {
                reverse = false;
                nextItem = 1;
            }
        }
        return nextItem;
    }
    /**
     * 是否含有Rxjava库
     *
     * @return
     */
    private boolean checkIfHasRx() {
        try {
            Class.forName("io.reactivex.android.schedulers.AndroidSchedulers");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
            return false;
        }
        return true;
    }
    public abstract int getActualCount();

    public abstract Fragment getActualItem(int position);

    public abstract CharSequence getActualPagerTitle(int position);
}

相关文章

  • 自动轮播,反转播放的ViewPagerAdapter

    支持无限循环,自动轮播,反转播放的ViewPagerAdapter 触摸暂停切换 缩放pagertransform...

  • vue3原生写轮播图组件

    实现的基本功能: 自动播放,暴露自动轮播的属性,设置了自动轮播。 如果有自动播放,鼠标进入,自动播放停止,暂停自动...

  • RunLoop应用(一)

    问题场景 界面中有一个广告轮播和一个表格(广告轮播是自动播放)当滑动表格时,此时广告轮播将会停止自动播放 出现问题...

  • viewpager触摸自动暂停播放

    我这里是实现banner自动播放,需要实现viewpager自动轮播,并且触摸时自动暂停播放。播放的照片可以缩放。...

  • 完美解决ViewPager使用中的The specified c

    问题: 说明:ViewPager无限轮播图实现中遇到的问题,viewPagerAdapter中添加View布局时,...

  • JQ实现左右轮播效果

    这篇文章主要是实现图片左右轮播效果,功能:进入页面自动播放图片,鼠标悬浮,暂停图片轮播,鼠标离开,继续图片轮播,点...

  • 传统&呼吸 轮播

    传统的轮播图 一个 carousel 轮播图,图片实现自动轮播,可以左右按钮播放,点小圆点也能实现换图。同时设置节...

  • 仙剑轮播

    一、轮播介绍: 该仙剑轮播能够通过动画自动播放图片,当鼠标悬停在图片上时停止播放。当鼠标单机左、右的按钮时可以向前...

  • 自定义轮播图(Banner)

    先上图看效果: 知识要点: 轮播图是怎么做到无限循环的呢让ViewPagerAdapter里面的getCount返...

  • Vue项目 --- 轮播图插件swiper

    swiper安装: 引入 使用例子: 轮播控制当不希望自动切换的时候 当轮播到头的时候,不希望接着循环播放 具体详...

网友评论

    本文标题:自动轮播,反转播放的ViewPagerAdapter

    本文链接:https://www.haomeiwen.com/subject/qrelixtx.html