RecyclerView+SnapHelper实现无限循环筛选控件

前端之家收集整理的这篇文章主要介绍了RecyclerView+SnapHelper实现无限循环筛选控件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

项目用到横向滑动的单项选择控件。需求如下:

1.选项由后台配置,也就是控件要动态设置宽度;2.每次滑动都要左对齐,并默认选中最左边选项;3.控件可以无限循环。

动态设置控件宽度:获取adapter的item宽度;获取adapter里装载的itemCount。
每次滑动都要左对齐:利用LinearSnapHelper中calculateDistanceToFinalSnap的方法实现;
默认选中最左item:利用RecycleView的LayoutManager中查找显示第一项的方法linearManager.findFirstVisibleItemPosition()来实现。
控件无限循环:将父类adapter的itemCount设置为Integer.MAX_VALUE。

效果图:

RecyclerView+SnapHelper实现无限循环筛选控件

RecyclerView+SnapHelper实现无限循环筛选控件

RecyclerView+SnapHelper实现无限循环筛选控件

核心代码

FilterWheelView.java

  1. private void initData(){
  2. if (filterItemEntity != null) {
  3. if (!TextUtils.isEmpty(filterItemEntity.getTitle())) {
  4. filtrationType.setText(filterItemEntity.getTitle());
  5. }
  6. if (filterItemEntity.getOptions() != null) {
  7. mAdapter = new ADA_FilterWheel(mContext,filterItemEntity.getOptions());
  8. }
  9. mLoopRecyclerView.setAdapter(mAdapter);
  10. if (adaItemCallback!=null){
  11. adaItemCallback.sendItems(mAdapter.getItemRawCount());
  12. }
  13. //设置滚动监听
  14. mLoopRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  15. @Override
  16. public void onScrollStateChanged(RecyclerView recyclerView,int newState) {
  17. super.onScrollStateChanged(recyclerView,newState);
  18. //滚动停止时,获取recycler显示的第一项的position
  19. if (newState == RecyclerView.SCROLL_STATE_IDLE) {
  20. int items = mAdapter.getItemRawCount();
  21. int firstItemPosition =linearManager.findFirstVisibleItemPosition();
  22. //高亮显示最左边的item
  23. mAdapter.highlightItem(firstItemPosition % items);
  24. }
  25. //滚动过程中,释放选中状态
  26. if (newState == RecyclerView.SCROLL_STATE_DRAGGING) {
  27. mAdapter.reset();
  28. }
  29. }
  30.  
  31. @Override
  32. public void onScrolled(RecyclerView recyclerView,int dx,int dy) {
  33. super.onScrolled(recyclerView,dx,dy);
  34. }
  35. });
  36. //找到当前选中的实体
  37. for (int i = 0; i < filterItemEntity.getOptions().size(); i++) {
  38. FilterOptionsEntity bean = filterItemEntity.getOptions().get(i);
  39. if (bean.isCheck()) {
  40. // 当前选中实体类
  41. currentBean = bean;
  42. break;
  43. }
  44. }
  45. }
  46. }

demo:下载地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

猜你在找的Android相关文章