ViewPager最简单的无限轮播

最新推荐文章于 2020-08-05 14:57:22 发布
原创 最新推荐文章于 2020-08-05 14:57:22 发布 · 358 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种自定义ViewPager指示器的方法，通过重写ViewPager并封装成组件来实现平滑滚动效果及页面指示器功能。文章详细展示了如何通过Java代码实现这一功能，并提供了相关的布局文件。

第一步：重写一下ViewPager

 

package com.diction.app.android.view.indicator;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 *
 * 这个是自己定义的仿写的viewpger  huguomin
 *
 * */
public class IndicatorPager extends ViewPager {
    private boolean scrollable = true;

    public IndicatorPager(Context context) {
        super(context);
    }

    public IndicatorPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if(this.scrollable) {
            if (getCurrentItem() == 0 && getChildCount() == 0) {
                return false;
            }
            return super.onTouchEvent(ev);
        } else {
            return false;
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if(this.scrollable) {
            if (getCurrentItem() == 0 && getChildCount() == 0) {
                return false;
            }
            return super.onInterceptTouchEvent(ev);
        } else {
            return false;
        }
    }

    public void setScrollable(boolean scrollable) {
        this.scrollable = scrollable;
    }
}

 

 

 

 

 

第二步  封装一下

package com.diction.app.android.view.indicator;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;


import com.diction.app.android.R;
import com.diction.app.android.utils.ImageLoadUtils;
import com.diction.app.android.utils.LogUtils;
import com.diction.app.android.utils.ScreenUtils;
import com.diction.app.android.utils.SizeUtils;
import com.facebook.drawee.view.SimpleDraweeView;

import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.List;

/**
 * Created by huguomin on 2018/7/24.
 */

public class CoustomIndicator extends FrameLayout implements ViewPager.OnPageChangeListener {
    public static final String TAG = "CoustomBanner--->  ";
    private IndicatorPager mCoustomViewPager;
    private CoustomScroller mScroller;
    private int count;
    private List<String> imageViewsList = new ArrayList<>();
    private List<String> descLists = new ArrayList<>();
    private int currentItem;
    private BannerPagerAdapter adapter;
    private Context mContext;
    private RecyclerView mMRecycler;

    public CoustomIndicator(@NonNull Context context) {
        super(context);
        initView(context);
    }

    public CoustomIndicator(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    private void initView(Context context) {
        mContext = context;
        int margrleft = SizeUtils.px2dp((ScreenUtils.getScreenWidth()-dip2px(mContext,10)));
        LogUtils.e(TAG + "   " + margrleft);
        LayoutInflater.from(context).inflate(R.layout.item_banner_layout, this, true);
        mCoustomViewPager = (IndicatorPager) findViewById(R.id.banner_view);
        mMRecycler = findViewById(R.id.sub_recycler);
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(context);
        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        mMRecycler.setLayoutManager(linearLayoutManager);
        initViewPagerScroll();
    }


    private void initViewPagerScroll() {
        try {
            Field mField = ViewPager.class.getDeclaredField("mScroller");
            mField.setAccessible(true);
            mScroller = new CoustomScroller(mCoustomViewPager.getContext());
            mScroller.setDuration(800);
            mField.set(mCoustomViewPager, mScroller);
        } catch (Exception e) {
//            Log.e(tag, e.getMessage());
        }
    }


    public void setImageListAndText(List<String> imagesUrl, List<String> descList) {
        if (imagesUrl == null || imagesUrl.size() <= 0) {
            Log.e(TAG, "The image data set is empty.");
            return;
        }
        count = imagesUrl.size();
        for (int i = 0; i <= count + 1; i++) {
            String url = "";
            String desc = "";
            if (i == 0) {
                url = imagesUrl.get(count - 1);
                desc = descList.get(count - 1);
            } else if (i == count + 1) {
                url = imagesUrl.get(0);
                desc = descList.get(0);
            } else {
                url = imagesUrl.get(i - 1);
                desc = descList.get(i - 1);
            }
            imageViewsList.add(url);
            descLists.add(desc);
        }


        setData();
    }

    private  void setData(){
        currentItem = 1;
        if (adapter == null) {
            adapter = new BannerPagerAdapter();
            mCoustomViewPager.addOnPageChangeListener(this);
        }
        mCoustomViewPager.setPageMargin(dip2px(mContext, 10));
        mCoustomViewPager.setOffscreenPageLimit(imageViewsList.size());
        mCoustomViewPager.setAdapter(adapter);
        mCoustomViewPager.setPageTransformer(true,new ZoomOutSlideTransformer());
        mCoustomViewPager.setFocusable(true);
        mCoustomViewPager.setCurrentItem(1);
    }




    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        currentItem=position;
        if (mPageSelectedListener != null ){
            mPageSelectedListener.onPageSelected(toRealPosition(position) );
        }

    }


    public int toRealPosition(int position) {
        int realPosition = (position - 1) % count;
        if (realPosition < 0)
            realPosition += count;
        return realPosition;
    }



    @Override
    public void onPageScrollStateChanged(int state) {
        switch (state) {
            case 0://No operation
                if (currentItem == 0) {
                    mCoustomViewPager.setCurrentItem(count, false);
                } else if (currentItem == count + 1) {
                    mCoustomViewPager.setCurrentItem(1, false);
                }
                break;
            case 1://start Sliding
                if (currentItem == count + 1) {
                    mCoustomViewPager.setCurrentItem(1, false);
                } else if (currentItem == 0) {
                    mCoustomViewPager.setCurrentItem(count, false);
                }
                break;
            case 2://end Sliding
                break;
        }


    }




    class BannerPagerAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return imageViewsList.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, final int position) {
            View inflate = LayoutInflater.from(mContext).inflate(R.layout.item_gallery_layout, null);
            SimpleDraweeView image = inflate.findViewById(R.id.indicator_bg_image);
            TextView desc = inflate.findViewById(R.id.indicator_bg_text);
            RelativeLayout containerView = inflate.findViewById(R.id.contianer);

            ImageLoadUtils.loadImage(image,"http://epdapi2.diction.diexun.com"+imageViewsList.get(position));
            desc.setText(descLists.get(position));
            container.addView(inflate);
            return inflate;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }

    }


    public void setCurrentPosition(int position) {
        Log.e(TAG, "setCurrentPosition: -----currentItem     》" + currentItem );
        Log.e(TAG, "setCurrentPosition: -----currentItem     》" + currentItem );
        if (position == toRealPosition(currentItem))return;
        mCoustomViewPager.setCurrentItem(position,false);
    }

    /**
     * dp 的单位 转成为 px(像素)
     */
    public static int dip2px(Context context, float dpValue) {
      /*  return (int) (dpValue
                * context.getResources().getDisplayMetrics().density + 0.5f);*/
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                dpValue, context.getResources().getDisplayMetrics());
    }

    public interface OnPageSelectedListenter{

        void onPageSelected(int position);

    }
    private OnPageSelectedListenter mPageSelectedListener;

    public void setOnPageSelectedListenter(OnPageSelectedListenter l){
        mPageSelectedListener = l;
    }


}

相关的类

import android.content.Context;
import android.view.animation.Interpolator;
import android.widget.Scroller;

public class CoustomScroller extends Scroller {
        private int mDuration = 800;

        public CoustomScroller(Context context) {
            super(context);
        }

        public CoustomScroller(Context context, Interpolator interpolator) {
            super(context, interpolator);
        }

        public CoustomScroller(Context context, Interpolator interpolator, boolean flywheel) {
            super(context, interpolator, flywheel);
        }

        @Override
        public void startScroll(int startX, int startY, int dx, int dy, int duration) {
            super.startScroll(startX, startY, dx, dy, mDuration);
        }

        @Override
        public void startScroll(int startX, int startY, int dx, int dy) {
            super.startScroll(startX, startY, dx, dy, mDuration);
        }

        public void setDuration(int time) {
            mDuration = time;
        }

    }

 

相关的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:clipChildren="false"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">

    <com.diction.app.android.view.indicator.IndicatorPager
        android:clipChildren="false"
        android:id="@+id/banner_view"
        android:layout_marginLeft="@dimen/x200"
        android:layout_marginRight="@dimen/x200"
        android:layout_width="match_parent"
        android:layout_height="70dp"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/sub_recycler"
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

    </android.support.v7.widget.RecyclerView>

</LinearLayout>

 

搞定！！！！！！

 

 

 

 

 

 

 

 

Android使用viewpager实现自动无限轮播图
08-27
下面是一个简单的示例代码，展示了如何使用 ViewPager + 游标的点来实现自动无限轮播图： ```xml xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height=...
ViewPager实现图片自动轮播和无限循环（完美流畅）
07-26
本知识点将详细介绍如何利用ViewPager实现图片自动轮播和无限循环的效果，使得用户体验更加流畅。 首先，ViewPager的自动轮播功能主要依赖于一个定时器（Timer）和一个定时任务（TimerTask）。定时器负责定期触发...
viewpager实现简单的轮播效果
weixin_30650859的博客
02-22 185
关于viewpager轮播效果网上有很多的介绍，主流的方法基本就是几种： 1、给getCount返回一个很大的数比如Integer.MAX_VALUE，然后给用户一种无限循环的效果。 2、使用定时器 配合handler 实现循环轮播效果。 3、单纯使用Handler实现。 4、号称“真正”实现无限轮播效果，确实效果不错。上一张原理图，需要的具体自行搜索吧。 （...
简单的ViewPager无限轮播
Systemout_111的博客
03-16 398
ViewPager适配器继承 PagerAdapter代码如下: class MyAdapter extends PagerAdapter{ @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View
viewPager最简单无限轮播加左右滑动
qq_41620230的博客
08-05 167
首先是xml布局： <androidx.viewpager.widget.ViewPager android:id="@+id/loopviewpager" android:layout_width="match_parent" android:layout_height="150dp" /> 主类： public class PushOfferActivity extends Activity { private ViewPager viewPager;
ViewPager自动轮播图
qq_41448511的博客
12-21 185
package com.example.mmaster.day_04zuoye; import android.content.Intent; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.ViewGr
android-ViewPager的轮播
火星男孩的分享空间
06-13 729
viewpager的轮播实现需要 1、定时切换：每隔一定时间自动播放，也支持手动切换 2、无限播放：最后一张切到第一张重新播放第一步：主界面布局activity_main.xml<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and
Android ViewPager实现无限循环轮播广告位Banner效果
08-30
Android ViewPager实现无限循环轮播广告位Banner效果 在 Android 开发中，实现一个无限...使用 ViewPager 实现无限循环轮播广告位 Banner 效果非常简单易用。我们可以使用开源项目简化我们的开发工作，快速实现需求。
ViewPager真正的无限轮播
热门推荐
zhiyuan0932的博客
09-26 7万+
前言:ViewPager无限轮播功能,是指ViewPager轮播永远无法到头的功能.该功能是Android项目中一些比较常用的功能,我们在实现的时候,一般是通过设置ViewPager展示的个数是Integer.MAX_VALUE来搞定,有人提出这种方式不好,那我们来一起学习一种真正的轮播方式请关注刘老师Android系列视频,里边有详细讲解 http://edu.youkuaiyun.com/course/d
精选资源
Android使用ViewPager实现无限滑动效果
01-04
其实仔细想一下原理还是挺简单的。无非是当我们滑动到最后一页，再向后滑动时定位到第一页;当我们滑动到第一页，再向前滑动时定位到最后一页。 但是，相信很多朋友都遇到过这个问题：视图的过度效果不自然。 小编也...
viewpager轮播
10-09
无限广告轮播 ， 有点 、文字的联动效果（代码里注释很详细，希望对你有帮助，谢谢）
ViewPager实现轮播
04-14
利用Viewpager实现了图片的轮播。
VIewPager自动轮播
12-08
实现ViewPager视图的自动轮播,使用Handler机制实现
viewpager头部广告轮播
06-16
用eclipse开发的viewpager头部广告轮播，从json数组里获取多张图片地址进行轮播，输入网址就可获取
自动轮播viewpager
03-29
一个超简单的自定义viewpager，支持手动滑动、自动轮播，当手指按下的时候停止滑动，松开自动滑动，动态添加圆点指示器
安卓开发——基于ViewPager的图片轮播
hhhzua的专栏
02-08 803
概述： 要用ViewPager实现图片轮播，主要是两步： 1：用PagerAdapter使图片可以滑动切换 2：用Handler来实现图片自动轮播页面布局部分的代码：<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:androi
ViewPager实现图片的自动轮播和无限循环
zhaowei_zhang的博客
09-30 2980
在开发的时候想做个图片的轮播，在网上找了一些资料，发现不符合我个人的习惯，然后就自己写了个，还是直接贴上代码吧... DishDetailActivity.java import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import org.ap
ViewPager无限轮播
wangshuo_的博客
01-14 748
package com.example.viewpager_wuxianlunbo; import java.util.ArrayList; import java.util.List; import android.R.integer; import android.app.Activity; import android.content.Context; import android.o...
ViewPager实现无限轮播的关键技术解析
在Android开发中，ViewPager是一个常用的组件，它允许用户通过左右滑动切换不同的视图。...这些知识点不仅适用于简单的无限循环场景，还可以在此基础上进一步开发出更多定制化和优化的页面展示效果。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值