Android 轮播图 banner

自定义view，内部使用横向的recyclerView实现

public class RecyclerViewBanner extends FrameLayout {
    private RecyclerView recyclerView;
    private LinearLayout linearLayout;
    private GradientDrawable defaultDrawable, selectedDrawable;

    private ReyclerAdapter adapter;
    private OnRvBannerClickListener onRvBannerClickListener;
    private OnSwitchRvBannerListener onSwitchRvBannerListener;
    /**
     * 页面数据
     */
    private List datas = new ArrayList<>();

    private int point_size, startX, startY, currentIndex;
    /**
     * 点的间隔
     */
    private int point_padding_left,point_padding_top,point_padding_right,point_padding_bottom;
    /**
     * 设置是否自动播放
     */
    private boolean isPlaying;
    /**
     * 页面停留时间
     */
    private int millisecond = 3000;
    /**
     * 是否显示底部导航点
     */
    private boolean isShowPoint = true;
    /**
     * 底部导航点的选中和未选中的颜色
     */
    private int pointFocusBg, pointUnFocusBg;
    private Handler handler = new Handler();

    /**
     * 延时切换页面计时器
     */
    private Runnable playTask = new Runnable() {

        @Override
        public void run() {
            recyclerView.smoothScrollToPosition(++currentIndex);
            if (isShowPoint) {
                switchIndicatorPoint();
            }
            handler.postDelayed(this, millisecond);
        }
    };

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

    public RecyclerViewBanner(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RecyclerViewBanner(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
//        size = (int) (5 * context.getResources().getDisplayMetrics().density + 0.5f);//dp2px默认5dp
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RecyclerViewBanner);
        isShowPoint = typedArray.getBoolean(R.styleable.RecyclerViewBanner_isShowPoint, true);
        pointFocusBg = typedArray.getColor(R.styleable.RecyclerViewBanner_pointFocusBg, 0xff0099ff);
        pointUnFocusBg = typedArray.getColor(R.styleable.RecyclerViewBanner_pointUnfocusBg, 0xffffffff);
        millisecond = typedArray.getInt(R.styleable.RecyclerViewBanner_interval, 3000);
        point_size = typedArray.getInt(R.styleable.RecyclerViewBanner_point_size, (int) (5 * context.getResources().getDisplayMetrics().density + 0.5f));
        point_padding_left = typedArray.getInt(R.styleable.RecyclerViewBanner_point_padding_left, point_size*2);
        point_padding_top = typedArray.getInt(R.styleable.RecyclerViewBanner_point_padding_top, point_size*2);
        point_padding_right = typedArray.getInt(R.styleable.RecyclerViewBanner_point_padding_right, point_size*2);
        point_padding_bottom = typedArray.getInt(R.styleable.RecyclerViewBanner_point_padding_bottom, point_size*2);
        typedArray.recycle();
        recyclerView = new RecyclerView(context);
        LayoutParams vpLayoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        linearLayout = new LinearLayout(context);
        linearLayout.setOrientation(LinearLayout.HORIZONTAL);
        LayoutParams linearLayoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        linearLayout.setGravity(Gravity.CENTER);
        linearLayout.setPadding(point_padding_left, point_padding_top, point_padding_right, point_padding_bottom);
        linearLayoutParams.gravity = Gravity.BOTTOM;
        addView(recyclerView, vpLayoutParams);
        addView(linearLayout, linearLayoutParams);

        defaultDrawable = new GradientDrawable();
        defaultDrawable.setSize(point_size, point_size);
        defaultDrawable.setCornerRadius(point_size);
        defaultDrawable.setColor(pointUnFocusBg);
        selectedDrawable = new GradientDrawable();
        selectedDrawable.setSize(point_size, point_size);
        selectedDrawable.setCornerRadius(point_size);
        selectedDrawable.setColor(pointFocusBg);

        new PagerSnapHelper().attachToRecyclerView(recyclerView);
        recyclerView.setLayoutManager(new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false));
        adapter = new ReyclerAdapter();
        recyclerView.setAdapter(adapter);
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                int first = ((LinearLayoutManager) recyclerView.getLayoutManager()).findFirstVisibleItemPosition();
                int last = ((LinearLayoutManager) recyclerView.getLayoutManager()).findLastVisibleItemPosition();
                if (currentIndex != (first + last) / 2) {
                    currentIndex = (first + last) / 2;
                    if (isShowPoint) {
                        switchIndicatorPoint();
                    }
                }
            }
        });
    }

    public void setPoint_size(int point_size) {
        this.point_size = point_size;
    }

    public void setPoint_padding_left(int point_padding_left) {
        this.point_padding_left = point_padding_left;
    }

    public void setPoint_padding_top(int point_padding_top) {
        this.point_padding_top = point_padding_top;
    }

    public void setPoint_padding_right(int point_padding_right) {
        this.point_padding_right = point_padding_right;
    }

    public void setPoint_padding_bottom(int point_padding_bottom) {
        this.point_padding_bottom = point_padding_bottom;
    }

    /**
     * 设置是否显示指示器导航点
     *
     * @param flag
     */
    public void isShowIndicatorPoint(boolean flag) {
        this.isShowPoint = flag;
    }

    /**
     * 设置轮播间隔时间
     *
     * @param millisecond
     */
    public void setScrollIntervalTime(int millisecond) {
        this.millisecond = millisecond;
    }

    /**
     * 设置 是否自动播放（上锁）
     *
     * @param playing
     */
    public synchronized void setPlaying(boolean playing) {
        if (!isPlaying && playing && adapter != null && adapter.getItemCount() > 2) {
            handler.postDelayed(playTask, millisecond);
            isPlaying = true;
        } else if (isPlaying && !playing) {
            handler.removeCallbacksAndMessages(null);
            isPlaying = false;
        }
    }

    /**
     * 设置轮播数据集
     *
     * @param datas
     */
    public void setRvBannerDatas(List datas) {
        setPlaying(false);
        this.datas.clear();
        linearLayout.removeAllViews();
        if (datas != null) {
            this.datas.addAll(datas);
        }
        if (this.datas.size() > 1) {
            currentIndex = this.datas.size();
            adapter.notifyDataSetChanged();
            recyclerView.scrollToPosition(currentIndex);
            if (isShowPoint) {
                for (int i = 0; i < this.datas.size(); i++) {
                    RoundedImageView img = new RoundedImageView(getContext());
                    img.setCornerRadius(views.Utils.dip2px(getContext(),10));
                    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                    lp.leftMargin = point_size / 2;
                    lp.rightMargin = point_size / 2;
                    img.setImageDrawable(i == 0 ? selectedDrawable : defaultDrawable);
                    linearLayout.addView(img, lp);
                }
            }
            setPlaying(true);
        } else {
            currentIndex = 0;
            adapter.notifyDataSetChanged();
        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        //手动触摸的时候，停止自动播放，根据手势变换
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = (int) ev.getX();
                startY = (int) ev.getY();
                getParent().requestDisallowInterceptTouchEvent(true);
                setPlaying(false);
                break;
            case MotionEvent.ACTION_MOVE:
                int moveX = (int) ev.getX();
                int moveY = (int) ev.getY();
                int disX = moveX - startX;
                int disY = moveY - startY;
                getParent().requestDisallowInterceptTouchEvent(2 * Math.abs(disX) > Math.abs(disY));
                setPlaying(false);
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                setPlaying(true);
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        setPlaying(true);
    }

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

    @Override
    protected void onWindowVisibilityChanged(int visibility) {
        if (visibility == GONE) {
            // 停止轮播
            setPlaying(false);
        } else if (visibility == VISIBLE) {
            // 开始轮播
            setPlaying(true);
        }
        super.onWindowVisibilityChanged(visibility);
    }

    /**
     * recyclerview的adapter，适配器
     */
    private class ReyclerAdapter extends RecyclerView.Adapter {

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            RoundedImageView img = new RoundedImageView(parent.getContext());
            RecyclerView.LayoutParams params = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            img.setScaleType(ImageView.ScaleType.CENTER_CROP);
            img.setCornerRadius(views.Utils.dip2px(getContext(),10));
            img.setLayoutParams(params);
            img.setId(R.id.icon);
            img.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (onRvBannerClickListener != null) {
                        onRvBannerClickListener.onClick(currentIndex % datas.size());
                    }
                }
            });
            return new RecyclerView.ViewHolder(img) {
            };
        }

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            RoundedImageView img = (RoundedImageView) holder.itemView.findViewById(R.id.icon);
            onSwitchRvBannerListener.switchBanner(position, img);
        }

        @Override
        public int getItemCount() {
            return datas == null ? 0 : datas.size() < 2 ? datas.size() : Integer.MAX_VALUE;
        }
    }

    private class PagerSnapHelper extends LinearSnapHelper {

        @Override
        public int findTargetSnapPosition(RecyclerView.LayoutManager layoutManager, int velocityX, int velocityY) {
            int targetPos = super.findTargetSnapPosition(layoutManager, velocityX, velocityY);
            final View currentView = findSnapView(layoutManager);
            if (targetPos != RecyclerView.NO_POSITION && currentView != null) {
                int currentPostion = layoutManager.getPosition(currentView);
                int first = ((LinearLayoutManager) layoutManager).findFirstVisibleItemPosition();
                int last = ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();
                currentPostion = targetPos < currentPostion ? last : (targetPos > currentPostion ? first : currentPostion);
                targetPos = targetPos < currentPostion ? currentPostion - 1 : (targetPos > currentPostion ? currentPostion + 1 : currentPostion);
            }
            return targetPos;
        }
    }

    /**
     * 改变导航的指示点
     */
    private void switchIndicatorPoint() {
        if (linearLayout != null && linearLayout.getChildCount() > 0) {
            for (int i = 0; i < linearLayout.getChildCount(); i++) {
                ((ImageView) linearLayout.getChildAt(i)).setImageDrawable(i == currentIndex % datas.size() ? selectedDrawable : defaultDrawable);
            }
        }
    }

    /**
     * 滑动切换监听接口
     */
    public interface OnSwitchRvBannerListener {
        void switchBanner(int position, ImageView bannerView);
    }

    public void setOnSwitchRvBannerListener(OnSwitchRvBannerListener listener) {
        this.onSwitchRvBannerListener = listener;
    }

    /**
     * 点击监听接口
     */
    public interface OnRvBannerClickListener {
        void onClick(int position);
    }

    public void setOnRvBannerClickListener(OnRvBannerClickListener onRvBannerClickListener) {
        this.onRvBannerClickListener = onRvBannerClickListener;
    }
}

自定义的几个属性：

<declare-styleable name="RecyclerViewBanner">
        <attr name="pointFocusBg" format="color" />
        <attr name="pointUnfocusBg" format="color" />
        <attr name="interval" format="integer" />
        <attr name="point_padding_left" format="integer" />
        <attr name="point_padding_top" format="integer" />
        <attr name="point_padding_right" format="integer" />
        <attr name="point_padding_bottom" format="integer" />
        <attr name="point_size" format="integer" />
        <attr name="isShowPoint" format="boolean" />
    </declare-styleable>

 

使用方法：直接在xml文件里面引入，传入图片的url集合，用glide加载即可

<views.RecyclerViewBanner
        android:id="@+id/banner_view"
        android:layout_width="match_parent"
        app:interval="3000"
        android:layout_height="200dp"/>

banner = findViewById(R.id.banner_view);
        list.add("http://baidu.com");
        list.add("http://baidu.com");
        list.add("http://baidu.com");
        list.add("http://baidu.com");
        banner.setRvBannerDatas(list);
        banner.setOnRvBannerClickListener(new RecyclerViewBanner.OnRvBannerClickListener() {
            @Override
            public void onClick(int position) {
                Toast.makeText(AdsActivity.this,"--"+position,Toast.LENGTH_SHORT).show();
            }
        });
        banner.setOnSwitchRvBannerListener(new RecyclerViewBanner.OnSwitchRvBannerListener() {
            @Override
            public void switchBanner(int position, ImageView bannerView) {
                Glide.with(AdsActivity.this)
                        .load(list.get(position % list.size()))
                        .placeholder(R.mipmap.win)
                        .error(R.mipmap.ic_launcher)
//                        .apply(options)
                        .into(bannerView);
            }
        });

轮播速度和指示器可以自己修改