RecyclerView+SnapHelper實現(xiàn)無限循環(huán)篩選控件

更新時間：2019年10月09日 09:25:30 作者：ice_eyes

這篇文章主要為大家詳細介紹了RecyclerView+SnapHelper實現(xiàn)無限循環(huán)篩選控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下

項目用到橫向滑動的單項選擇控件。需求如下：

1.選項由后臺配置，也就是控件要動態(tài)設置寬度；2.每次滑動都要左對齊，并默認選中最左邊選項；3.控件可以無限循環(huán)。

動態(tài)設置控件寬度：獲取adapter的item寬度；獲取adapter里裝載的itemCount。
每次滑動都要左對齊：利用LinearSnapHelper中calculateDistanceToFinalSnap的方法實現(xiàn)；
默認選中最左item：利用RecycleView的LayoutManager中查找顯示第一項的方法linearManager.findFirstVisibleItemPosition()來實現(xiàn)。
控件無限循環(huán)：將父類adapter的itemCount設置為Integer.MAX_VALUE。

效果圖：

核心代碼：

FilterWheelView.java

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());
      }
      //設置滾動監(jiān)聽
      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);
          }
          //滾動過程中，釋放選中狀態(tài)
          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;
        }
      }
    }
  }

demo：下載地址

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: