前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >RecyclerView+SnapHelper实现无限循环筛选控件

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

作者头像
砸漏
发布2020-10-16 10:42:46
1.9K0
发布2020-10-16 10:42:46
举报
文章被收录于专栏:恩蓝脚本

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

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

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

效果图:

核心代码:

FilterWheelView.java

代码语言:javascript
复制
private void initData(){
    if (filterItemEntity != null) {
      if (!TextUtils.isEmpty(filterItemEntity.getTitle())) {
        filtrationType.setText(filterItemEntity.getTitle());
      }
      if (filterItemEntity.getOptions() != null) {
        mAdapter = new ADA_FilterWheel(mContext, filterItemEntity.getOptions());
      }
      mLoopRecyclerView.setAdapter(mAdapter);
      if (adaItemCallback!=null){
        adaItemCallback.sendItems(mAdapter.getItemRawCount());
      }
      //设置滚动监听
      mLoopRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
          super.onScrollStateChanged(recyclerView, newState);
          //滚动停止时,获取recycler显示的第一项的position
          if (newState == RecyclerView.SCROLL_STATE_IDLE) {
            int items = mAdapter.getItemRawCount();
            int firstItemPosition =linearManager.findFirstVisibleItemPosition();
            //高亮显示最左边的item
            mAdapter.highlightItem(firstItemPosition % items);
          }
          //滚动过程中,释放选中状态
          if (newState == RecyclerView.SCROLL_STATE_DRAGGING) {
            mAdapter.reset();
          }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
          super.onScrolled(recyclerView, dx, dy);
        }
      });
      //找到当前选中的实体
      for (int i = 0; i < filterItemEntity.getOptions().size(); i++) {
        FilterOptionsEntity bean = filterItemEntity.getOptions().get(i);
        if (bean.isCheck()) {
          // 当前选中实体类
          currentBean = bean;
          break;
        }
      }
    }
  }

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档