亲宝软件园·资讯

展开

Recycleview自动轮播 Recycleview实现无限自动轮播

weixin_43607099 人气:0

概述

RecycleView实现特定数据无限重复滑动在我看来不外乎有两种方法

1.修改adpter的复用机制，无限复用数据
2.在adpter中返回数据长度返回Integer的最大值

由于第一种虽然能实现数据的无限重复但是数据位还是没有任何变化，所以在自动跳转至最后的时候无法在向下一位轮播，所以在这里我使用第二种方式实现自动轮播

简单讲述修改adpter的复用机制

我们拿LinearLayoutManager线性的为例子，我们只需要重新LinearLayoutManager在绘制的时候做一些手手脚就可以实现

package com.li.liproject.recycle;

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;

import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.LinearSmoothScroller;
import androidx.recyclerview.widget.RecyclerView;

/**
 * @author 版本：1.0
 * 创建日期：2020/4/14 14
 * 描述：
 */
public class ScrollSpeedLinearLayoutManger extends LinearLayoutManager {
 public ScrollSpeedLinearLayoutManger(Context context) {
  super(context);
 }

 public ScrollSpeedLinearLayoutManger(Context context, int orientation, boolean reverseLayout) {
  super(context, orientation, reverseLayout);
 }

 public ScrollSpeedLinearLayoutManger(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  super(context, attrs, defStyleAttr, defStyleRes);
 }

 @Override
 public RecyclerView.LayoutParams generateDefaultLayoutParams() {
  return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
 }

 // 1 在RecyclerView初始化时，会被调用两次。
// 2 在调用adapter.notifyDataSetChanged()时，会被调用。
// 3 在调用setAdapter替换Adapter时,会被调用。
// 4 在RecyclerView执行动画时，它也会被调用。
 @Override
 public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
  Log.d("TAG","onLayoutChildren ");
  if (getItemCount() == 0){
   detachAndScrapAttachedViews(recycler);
   return;
  }
  //state.isPreLayout()是支持动画的
  if (getItemCount() == 0 && state.isPreLayout()){
   return;
  }
  //将当前Recycler中的view全部移除并放到报废缓存里,之后优先重用缓存里的view
  detachAndScrapAttachedViews(recycler);

  int actualHeight = 0;
  for (int i = 0 ;i < getItemCount() ; i++){
   View scrap = recycler.getViewForPosition(i);
   addView(scrap);
   measureChildWithMargins(scrap,0,0);
   int width = getDecoratedMeasuredWidth(scrap);
   int height = getDecoratedMeasuredHeight(scrap);
   layoutDecorated(scrap,0,actualHeight,width,actualHeight+height);
   actualHeight+=height;
   //超出界面的就不画了,也不add了
   if (actualHeight > getHeight()){
    break;
   }
  }
 }

 @Override
 public boolean canScrollVertically() {
  return true;
 }


 @Override
 public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
  Log.d("feifeifei","getChildCount() " + getChildCount() + " recycler.getScrapList().size() " + recycler.getScrapList().size());

  //界面向下滚动的时候,dy为正,向上滚动的时候dy为负

  //填充
  fill(dy,recycler,state);
  //滚动
  offsetChildrenVertical(dy*-1);

  //回收已经离开界面的
  recycleOut(dy,recycler,state);

  return dy;
 }

 private void fill(int dy, RecyclerView.Recycler recycler, RecyclerView.State state){
  //向下滚动
  if (dy > 0){
   //先在底部填充
   View lastView = getChildAt(getChildCount() -1);
   int lastPos = getPosition(lastView);
   if (lastView.getBottom() - dy < getHeight()){
    View scrap;
    if (lastPos == getItemCount() -1){
     scrap = recycler.getViewForPosition(0);
    }else {
     scrap = recycler.getViewForPosition(lastPos+1);
    }
    addView(scrap);
    measureChildWithMargins(scrap,0,0);
    int width = getDecoratedMeasuredWidth(scrap);
    int height = getDecoratedMeasuredHeight(scrap);
    layoutDecorated(scrap,0,lastView.getBottom(),width,lastView.getBottom()+height);
   }
  }else {
   //向上滚动
   //现在顶部填充
   View firstView = getChildAt(0);
   int layoutPostion = getPosition(firstView);

   if (firstView.getTop() >= 0 ){
    View scrap ;
    if (layoutPostion == 0){
     scrap = recycler.getViewForPosition(getItemCount()-1);
    }else {
     scrap = recycler.getViewForPosition(layoutPostion -1);
    }
    addView(scrap,0);
    measureChildWithMargins(scrap,0,0);
    int width = getDecoratedMeasuredWidth(scrap);
    int height = getDecoratedMeasuredHeight(scrap);
    layoutDecorated(scrap,0,firstView.getTop() - height,width,firstView.getTop());
   }
  }
 }

 private void recycleOut(int dy, RecyclerView.Recycler recycler, RecyclerView.State state){
  for (int i = 0 ; i <getChildCount() ;i++){
   View view = getChildAt(i);
   if (dy >0){
    if (view.getBottom()-dy <0){
     Log.d("feifeifei","recycleOut " + i);
     removeAndRecycleView(view,recycler);
    }
   }else {
    if (view.getTop()-dy > getHeight()){
     Log.d("feifeifei","recycleOut " + i);
     removeAndRecycleView(view,recycler);
    }
   }
  }
 }

 @Override
 public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
  RecyclerView.SmoothScroller smoothScroller = new CenterSmoothScroller(recyclerView.getContext());
  smoothScroller.setTargetPosition(position);
  startSmoothScroll(smoothScroller);
 }

 private class CenterSmoothScroller extends LinearSmoothScroller {
  public CenterSmoothScroller(Context context) {
   super(context);
  }
  protected float calculateSpeedPerPixel(DisplayMetrics displayMetrics) {
   return 0.2f;
  }
 }
}

大概就是这么写的网格的需要自己重新写因为计算会有区别，这里简单的讲述一下

正题

Adpter适配器的实现

写法没什么区别唯一的getItemCount 和onBindViewHolder要做一下处理大概如下

public class AdAuditorAdapter extends RecyclerView.Adapter<AdAuditorAdapter.MyViewHolder> {
 private Context mContext;
 private List<String> mData;

 public AdAuditorAdapter(Context mContext, List<String> mData) {
  this.mContext = mContext;
  this.mData = mData;
 }

 @NonNull
 @Override
 public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
  MyViewHolder holder = new MyViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_adauditor, viewGroup, false));
  return holder;
 }

 @Override
 public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, @SuppressLint("RecyclerView") int i) {
  Log.e("HHHHHHHHH", "onBindViewHolder: -->"+i );
  //取余否则会出现索引越界
  myViewHolder.tv_1.setText(mData.get(i%mData.size()));
  myViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    listener.onClick(v, i%mData.size(), 3);
   }
  });

 }


 @Override
 public int getItemCount() {
 //返回adpter最大值
  return Integer.MAX_VALUE;
 }

 public void update(List<String> list) {
  this.mData = list;
  notifyDataSetChanged();
 }

 class MyViewHolder extends RecyclerView.ViewHolder {
  TextView tv_1;


  public MyViewHolder(@NonNull View itemView) {
   super(itemView);

   tv_1 = itemView.findViewById(R.id.tv_1); //ID

  }
 }

 public MyClickListener getListener() {
  return listener;
 }

 public void setMyClickListener(MyClickListener listener) {
  this.listener = listener;
 }

 MyClickListener listener;

 public interface MyClickListener {
  void onClick(View view, int position, int type);
 }

 public List<String> getData() {
  return mData;
 }
}

activity的实现

1基本实现

1.1 添加假数据写好点击事件
1.2 用handler延迟发消息 mRecyclerView.smoothScrollToPosition(position);移动到指定位置
1.3 点击停止移动

2效果优化

2.1 添加匀速阻尼效果
2.2 实现无限轮播考虑数值超过Integer最大值情况
2.3 点击正在轮播时的recycleview会停止轮播，再次点击才会执行点击事件（优化为点击停止并执行点击事件）
阻尼效果就是减少滑动速率

我们这么做

package com.li.liproject.recycle;

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;

import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearSmoothScroller;
import androidx.recyclerview.widget.RecyclerView;

/**
 * @author 版本：1.0
 * 创建日期：2020/4/14 14
 * 描述：
 */
public class ScrollSpeedGridLayoutManager1 extends GridLayoutManager {


 public ScrollSpeedGridLayoutManager1(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  super(context, attrs, defStyleAttr, defStyleRes);
 }

 public ScrollSpeedGridLayoutManager1(Context context, int spanCount) {
  super(context, spanCount);
 }

 public ScrollSpeedGridLayoutManager1(Context context, int spanCount, int orientation, boolean reverseLayout) {
  super(context, spanCount, orientation, reverseLayout);
 }


 @Override
 public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
  RecyclerView.SmoothScroller smoothScroller = new CenterSmoothScroller(recyclerView.getContext());
  smoothScroller.setTargetPosition(position);
  startSmoothScroll(smoothScroller);
 }

 private class CenterSmoothScroller extends LinearSmoothScroller {
  public CenterSmoothScroller(Context context) {
   super(context);
  }
  protected float calculateSpeedPerPixel(DisplayMetrics displayMetrics) {
   return 10f;//滑动速率问题
  }
 }
}

activity全部代码

package com.li.liproject.recycle;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import com.li.liproject.MainActivity;
import com.li.liproject.R;

import java.lang.ref.WeakReference;
import java.util.ArrayList;
import java.util.List;

/**
 * @author 版本：1.0
 * 创建日期：2020/4/14 14
 * 描述：
 */
public class RecycleViewActivity extends AppCompatActivity {
 static RecyclerView rv_1;
 private static int HANDLER_MSG = 0x0011;
 private static int HANDLER_LONG_MSG = 0x0021;
 static int position = 0;
 static int addNum = 3;
 @SuppressLint("HandlerLeak")
 private static Handler handler = new Handler() {
  @Override
  public void handleMessage(@NonNull Message msg) {
   if (msg.what == HANDLER_MSG) {
   // 9宫格效果实现速率相同
    if (addNum==3){
     position = position + addNum;
     addNum = 6;
    }else {
     position = position + addNum;
     addNum = 3;
    }
    Log.e("TAG", "handleMessage: -->" + position);
    smoothMoveToPosition(rv_1, position >= 0 ? position : 0);
    if (position==Integer.MAX_VALUE/2){
     //点击或超过2分之Integer.MAX_VALU重置adpter
     LongAutoMove();
    }else {
     AutoMove();
    }

   }else if (msg.what==HANDLER_LONG_MSG){
    position = 0;
    addNum = 3;
    Log.e("TAG", "handleMessage: -->" + position);
    smoothMoveToPosition(rv_1, 0);
    AutoMove();

   }
  }


 };

 private static AdAuditorAdapter adAuditorAdapter;
 static List<String> strings;
 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_recycle);
  rv_1 = findViewById(R.id.rv_1);
  strings = new ArrayList<>();
  for (int i = 0; i < 50; i++) {
   strings.add(i + "");
  }
  adAuditorAdapter = new AdAuditorAdapter(this, strings);
  adAuditorAdapter.setMyClickListener(new AdAuditorAdapter.MyClickListener() {
   @Override
   public void onClick(View view, int position, int type) {
    Toast.makeText(RecycleViewActivity.this, adAuditorAdapter.getData().get(position), Toast.LENGTH_SHORT).show();
    StopMove();
   }
  });
  GridLayoutManager layoutManager = new ScrollSpeedGridLayoutManager1(this,3,GridLayoutManager.HORIZONTAL, false);
  rv_1.setLayoutManager(layoutManager);
  rv_1.setAdapter(adAuditorAdapter);
  rv_1.addOnScrollListener(new RecyclerView.OnScrollListener() {
   @Override
   public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
//    if (mShouldScroll && RecyclerView.SCROLL_STATE_IDLE == newState) {
//     mShouldScroll = false;
//     smoothMoveToPosition(recyclerView, mToPosition);
//    }
    Log.e("TAG", "onScrollStateChanged11111111: -->" + newState);
    if (newState == 1) {
//     RecyclerView.ViewHolder holder = recyclerView.getChildViewHolder(recyclerView.getRootView());
     recyclerView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
       Toast.makeText(RecycleViewActivity.this, adAuditorAdapter.getData().get(position)+"........", Toast.LENGTH_SHORT).show();
      }
     });
     StopMove();
     LongAutoMove();
    }
   }

//   @Override
//   public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
//    super.onScrolled(recyclerView, dx, dy);
//    Log.e("TAG", "onScrolled: dx=" +dx +" dy="+dy );
//   }
  });
  rv_1.setOnTouchListener(new View.OnTouchListener() {
   @Override
   public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction()==MotionEvent.ACTION_DOWN){
     //监测点击位置找到view实现点击事件
     View childView = rv_1.findChildViewUnder(event.getX(), event.getY());
     Log.e("GGGGGGGGGGGGGGGGG", "onTouch: -->"+rv_1.getChildLayoutPosition(childView));
     adAuditorAdapter.getListener().onClick(v, rv_1.getChildLayoutPosition(childView),1);
    }
    return false;
   }
  });
  AutoMove();
 }


 private static void AutoMove() {
  handler.removeMessages(HANDLER_MSG);
  handler.sendEmptyMessageDelayed(HANDLER_MSG, 2000);
 }

 private static void LongAutoMove() {
  if (handler.hasMessages(HANDLER_MSG)) {
   handler.removeMessages(HANDLER_LONG_MSG);
  }
  handler.sendEmptyMessageDelayed(HANDLER_LONG_MSG, 5000);
 }

 public static void StopMove() {
  if (handler.hasMessages(HANDLER_MSG)) {
   handler.removeMessages(HANDLER_MSG);
  }
 }


 //目标项是否在最后一个可见项之后
 private static boolean mShouldScroll;
 //记录目标项位置
 private static int mToPosition;

 /**
  * 滑动到指定位置
  */
 private static void smoothMoveToPosition(RecyclerView mRecyclerView, final int position) {
  if (position==0){
   mRecyclerView.setAdapter(adAuditorAdapter);
  }
   mRecyclerView.smoothScrollToPosition(position);
   mToPosition = position;
   mShouldScroll = true;
 }

 @Override
 protected void onDestroy() {
  super.onDestroy();
  if (handler!=null){
   handler.removeCallbacksAndMessages(null);
   handler= null;
  }
  if (adAuditorAdapter!=null) {
   adAuditorAdapter= null;
  }
 }
}

自动轮播效果基本实现

这里的Demo只写了大概的效果还有很多的东西需要优化一下，才能拿到项目中使用

加载全部内容
相关教程
猜你喜欢
用户评论