Android中RecyclerView實現多級折疊列表效果（二）

2019-10-23 18:29:09

字體：大中小

來源：轉載

供稿：網友

前言

上面的這篇文章是之前寫的，里面發現有很多不好用地方，也學到些新姿勢，改動了許多地方。下面來看看詳細的介紹：

要點:

1.可以通過后臺控制Item的展示.

2.TreeRecyclerAdapter,可以展開,折疊.多級展示

3.adapter可以使用裝飾者模式進行擴展.支持EmptyAdapter.可以添加headview和footview

4.item的樣式可以編寫文檔,type與Class進行對應,實現后臺控置,相同Item復用.

思路:(包含第一篇的思路)

1.adapter應該只需要關心List<baseItem> datas 的內容

2.把每個item看成獨立的個體. 布局樣式，每行所占比,onbindViewHolder由各個item實現。

3.每一個item應該只關心自己的數據和自己的下一級的數據，不會去關心上上級，下下級

4.展開的實現,點擊時item把子數據拿出來,然后添加到adapter的datas中，變成同級，因為只會展開自己的下級數據。

5.折疊的實現,拿到下級數據（可以理解因為一個文件夾下文件)，然后從adapter的datas中刪除這些數據。

6.后臺控制可以通過初始化注冊的方法,將Item的Class注冊.保存到集合里

7.后臺返回字段,獲取對應class文件,通過Class.newInstance()方法構建實例.

8.將ViewHolder與Adapter寫成通用的,不需要再寫多個Adatper與ViewHolder,只需要寫多個Baseitem.與BaseItamData(JavaBean).

目錄介紹

+ 1.Adapter * Wapper------擴展的wapper, * EmptyWapper --------當無數據時顯示頁面. * HeaderAndFootWapper --------添加頭部view和尾部view - BaseRecyclerAdapter --------封裝的Adatper基類 - ItemManager --------接口,管理Adatper刷新,增刪操作 - TreeRecyclerAdapter ----多級列表,樹形結構的adapter - TreeRecyclerViewType ----多級列表的顯示樣式,枚舉 - ViewHolder----封裝的通用viewHodler* 2.baseBaseItem<D extends BaseItemData> ------item的封裝BaseItemData-----item的數據要求.javabean需要繼承該類.* 3.factoryItemConfig ----添加item的class,配置樣式Itemfactory----通過class生成BaseItem的工廠類* 4.viewTreeItem ----樹形列表的子itemTreeItemGroup ----樹形列表的父itemTreeParent---TreeItemGroup 實現該接口TreeSelectItemGroup---可以選中子item的TreeItemGroup. demo:見購物頁面

來張丑丑的圖:

recyclerview多級列表,recyclerview,折疊,recyclerview分組列表

下面貼出部分代碼:

(一).BaseRecyclerAdapter :

/** * 普通BaseRecyclerAdapter,itme無父子關系. * 限定泛型為BaseItem的子類. * 通過BaseItem去處理ViewHolder */public class BaseRecyclerAdapter<T extends BaseItem> extends RecyclerView.Adapter<ViewHolder> { private List<T> mDatas;//展示數據 private ItemManager<T> mItemManager; private CheckItem mCheckItem; @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { //看源碼,這里的parent就是Recyclerview,所以不會為null.可以通過它拿到context return ViewHolder.createViewHolder(parent.getContext(), parent, viewType); } @Override public void onBindViewHolder(ViewHolder holder, int position) { T t = getDatas().get(position); //檢查是否綁定了ItemManage,因為item需要通過ItemManage告訴adapter刷新,增刪 checkItemManage(t); //具體onBindViewHolder放到item里面去實現 t.onBindViewHolder(holder); //實現點擊事件 onBindViewHolderClick(holder); } /** * 實現item的點擊事件 * * @param holder 綁定點擊事件的ViewHolder */ public void onBindViewHolderClick(final ViewHolder holder) { //判斷當前holder是否已經設置了點擊事件 if (!holder.itemView.hasOnClickListeners()) {  holder.itemView.setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {   //獲得holder的position   int layoutPosition = holder.getLayoutPosition();   //檢查position是否可以點擊   if (getCheckItem().checkPosition(layoutPosition)) {   //檢查并得到真實的position   int itemPosition = getCheckItem().getAfterCheckingPosition(layoutPosition);   //拿到對應item,回調.   getDatas().get(itemPosition).onClick();   }  }  }); } } /** * 這里將LayoutId作為type,因為LayoutId不可能相同,個人覺得可以作為item的標志 * @param position * @return */ @Override public int getItemViewType(int position) { return mDatas.get(position).getLayoutId(); } @Override public int getItemCount() { return mDatas == null ? 0 : mDatas.size(); } public List<T> getDatas() { if (mDatas == null) {  mDatas = new ArrayList<>(); } return mDatas; } /** * 需要手動setDatas(List<T> datas),否則數據為空 * @param datas */ public void setDatas(List<T> datas) { if (datas != null) {  mDatas = datas;  getItemManager().notifyDataSetChanged(); } }}

(二).TreeRecyclerAdapter

/** * Created by baozi on 2017/4/20. * 樹級結構recycleradapter. * item之間有子父級關系, */public class TreeRecyclerAdapter<T extends TreeItem> extends BaseRecyclerAdapter<T> { private TreeRecyclerViewType type; /** * 最初的數據.沒有經過增刪操作. */ private List<T> initialDatas; @Override public void onBindViewHolderClick(final ViewHolder holder) { //判斷是否已有點擊監聽 if (!holder.itemView.hasOnClickListeners()) {  holder.itemView.setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {   //獲得holder的LayoutPosition.   int layoutPosition = holder.getLayoutPosition();   //判斷是否需要點擊   if (getCheckItem().checkPosition(layoutPosition)) {   int itemPosition = getCheckItem().getAfterCheckingPosition(layoutPosition);   //展開,折疊和item點擊不應該同時響應事件.   if (type != TreeRecyclerViewType.SHOW_ALL) {    //展開,折疊    expandOrCollapse(itemPosition);   } else {    //點擊事件    T item = getDatas().get(itemPosition);    TreeItemGroup itemParentItem = item.getParentItem();    //判斷上一級是否需要攔截這次事件，只處理當前item的上級，不關心上上級如何處理.    if (itemParentItem != null && itemParentItem.onInterceptClick(item)) {    return;    }    item.onClick();   }   }  }  }); } } @Override public void setDatas(List<T> datas) { //保存未修改過的List initialDatas = datas; //如果展開顯示全部,則需要遞歸處理添加所以的item if (type == TreeRecyclerViewType.SHOW_ALL) {  for (int i = 0; i < datas.size(); i++) {   T t = datas.get(i);  getDatas().add(t);  //判斷item是否是TreeItemGroup  if (t instanceof TreeItemGroup) {   List childs = ((TreeItemGroup) t).getAllChilds();   if (childs != null) {   //添加到item的后面.   getDatas().addAll(childs);   }  }  } } else {  super.setDatas(datas); } } /** * 相應RecyclerView的點擊事件 展開或關閉某節點 * * @param position 觸發的條目 */ private void expandOrCollapse(int position) { T baseItem = getDatas().get(position); if (baseItem instanceof TreeItemGroup && ((TreeItemGroup) baseItem).isCanChangeExpand()) {  TreeItemGroup treeParentItem = (TreeItemGroup) baseItem;  boolean expand = treeParentItem.isExpand();  List<T> allChilds = treeParentItem.getAllChilds();  if (expand) {  getDatas().removeAll(allChilds);  treeParentItem.onCollapse();  treeParentItem.setExpand(false);  } else {  getDatas().addAll(position + 1, allChilds);  treeParentItem.onExpand();  treeParentItem.setExpand(true);  }  getItemManager().notifyDataSetChanged(); } }}

(三).BaseItem(部分get.set代碼省略)

/** * Item的基類 */public abstract class BaseItem<D extends BaseItemData> { /** * 當前item的數據 */ protected D data; /** * item在每行中的spansize * 默認為0,如果為0則占滿一行 * * @return 所占值, 比如recyclerview的列數為6, item需要占一半寬度, 就設置3 */ private int spanSize; /** * 可以通過ItemManager ,操作adatper * @return  */ private ItemManager mItemManager; public int getLayoutId() { if (initLayoutId() <= 0) {  throw new Resources.NotFoundException("請設置布局Id"); } return initLayoutId(); } /** * 子類需要實現該方法,并返回item的布局id * * @return 返回布局id.如果返回0,則會拋出異常 */ protected abstract int initLayoutId(); /** * 抽象holder的綁定 */ public abstract void onBindViewHolder(ViewHolder viewHolder); /** * 當前條目的點擊回調 * 如果不需要點擊事件,則可以不復寫該方法. */ public void onClick() { }

(四).TreeItem

/** * 組合模式 * TreeRecyclerAdapter的item */public abstract class TreeItem<D extends BaseItemData> extends BaseItem<D> { private TreeItemGroup parentItem; public void setParentItem(TreeItemGroup parentItem) { this.parentItem = parentItem; } /** * 獲取當前item的父級 * * @return */ @Nullable public TreeItemGroup getParentItem() { return parentItem; }}

(五).TreeItemGroup

/** * Created by baozi on 2016/12/22. * 擁有子集 * 子集可以是parent,也可以是child */public abstract class TreeItemGroup<D extends BaseItemData> extends TreeItem<D> implements TreeParent { /** * 持有的子item */ private List<? extends BaseItem> childs; /** * 是否展開 */ private boolean isExpand; /** * 能否展開 */ protected boolean isCanChangeExpand = true; /** * 展開 */ @Override public void onExpand() { } /** * 折疊 */ @Override public void onCollapse() { } /** * 獲得自己的childs. * @return */ @Nullable public List<? extends BaseItem> getChilds() { return childs; } /** * 獲得所有childs,包括子item的childs * @return */ @Nullable public List<? extends BaseItem> getAllChilds() { if (getChilds() == null) {  return null; } ArrayList<BaseItem> baseItems = new ArrayList<>(); for (int i = 0; i < childs.size(); i++) {  //下級  BaseItem baseItem = childs.get(i);  baseItems.add(baseItem);  //判斷是否還有下下級,并且處于expand的狀態  if (baseItem instanceof TreeItemGroup && ((TreeItemGroup) baseItem).isExpand()) {  //調用下級的getAllChilds遍歷,相當于遞歸遍歷  List list = ((TreeItemGroup) baseItem).getAllChilds();  if (list != null && list.size() > 0) {   baseItems.addAll(list);  }  } } return baseItems; } public int getChildsCount() { return childs == null ? 0 : childs.size(); } /** * 初始化子集 * * @param data * @return */ protected abstract List<? extends BaseItem> initChildsList(D data); /** * 是否消費child的click事件 * * @param child 具體click的item * @return 返回true代表消費此次事件，child不會走onclick()，返回false說明不消費此次事件，child依然會走onclick() */ public boolean onInterceptClick(TreeItem child) { return false; }

(六).TreeSelectItemGroup

/** * Created by baozi on 2016/12/22. * 可以選中子item的TreeItemGroup,點擊的item會保存起來.可以通過 getSelectItems()獲得選中item */public abstract class TreeSelectItemGroup<D extends BaseItemData> extends TreeItemGroup<D> { /** * 選中的子item.只支持下一級,不支持下下級 */ private List<BaseItem> selectItems; public List<BaseItem> getSelectItems() { if (selectItems == null) {  selectItems = new ArrayList<>(); } return selectItems; } /** * 是否有選中item, * @return */ public boolean isHaveCheck() { return !getSelectItems().isEmpty(); } @Override public boolean onInterceptClick(TreeItem child) {  //單選 if (selectFlag() == SelectFlag.SINGLE_CHOICE) {  //如果已經有選中的,則替換  if (getSelectItems().size() != 0) {  getSelectItems().set(0, child);  } else {  //沒有選中的則添加  getSelectItems().add(child);  } } else {   //判斷是否已添加.  int index = getSelectItems().indexOf(child);  if (index == -1) {//不存在則添加  getSelectItems().add(child);  } else {//存在則刪除  getSelectItems().remove(index);  } } return super.onInterceptClick(child); } /** * 必須指定選中樣式 * @return */ public abstract SelectFlag selectFlag(); /** * 決定TreeSelectItemGroup的選中樣式 */ public enum SelectFlag { /**  * 單選  */ SINGLE_CHOICE, /**  * 多選  */ MULTIPLE_CHOICE }

具體的使用實例效果:

1.購物頁面:

recyclerview多級列表,recyclerview,折疊,recyclerview分組列表

Demo中的代碼:

//拿到數據List<StoreBean> storeBean = initData();//通過ItemFactory生成第一級Item,如果是通過后臺控制,則不需要傳Class//List<ShopTitileItem> itemList = ItemFactory.createItemList(storeBean);List<ShopTitileItem> itemList = ItemFactory.createItemList(storeBean, ShopTitileItem.class);//創建TreeRecyclerAdaptermAdapter = new TreeRecyclerAdapter<>();//設置adapter的顯示樣式mAdapter.setType(TreeRecyclerViewType.SHOW_ALL);//將數據設置到Adapter中mAdapter.setDatas(itemList);//設置adaptermRecyclerView.setAdapter(mAdapter);/** * item的代碼 * Created by baozi on 2016/12/22. */public class ShopTitileItem extends TreeSelectItemGroup<StoreBean> { @Override protected List<? extends BaseItem> initChildsList(StoreBean data) { return ItemFactory.createTreeItemList(data.getShopListBeen(), this); } @Override protected int initLayoutId() { return R.layout.item_shopcart_title; } @Override public void onBindViewHolder(ViewHolder holder) { holder.setChecked(R.id.cb_ischeck, isHaveCheck()); } @Override public void onClick() { if (!isHaveCheck()) {  getSelectItems().clear();  getSelectItems().addAll(getChilds()); } else {  getSelectItems().clear(); } int size = getChilds().size(); for (int i = 0; i < size; i++) {  ShopListBean data = (ShopListBean) getChilds().get(i).getData();  data.setCheck(isHaveCheck()); } getItemManager().notifyDataSetChanged(); } @Override public SelectFlag selectFlag() { return SelectFlag.MULTIPLE_CHOICE; } @Override public boolean canExpandOrCollapse() { return false; }

2.多級列表

recyclerview多級列表,recyclerview,折疊,recyclerview分組列表

Demo中的代碼:

 //拿到數據 List<CityBean> cityBeen = initData();//通過ItemFactory生成List<BaseItem>List<OneTreeItemParent> itemList = ItemFactory.createItemList(cityBeen); TreeRecyclerAdapter treeRecyclerAdapter = new TreeRecyclerAdapter();//設置數據 treeRecyclerAdapter.setDatas(itemList); recyclerView.setAdapter(treeRecyclerAdapter);/** *item的代碼 * Created by baozi on 2016/12/8. */public class OneTreeItemParent extends TreeItemGroup<CityBean> { @Override public List<? extends TreeItem> initChildsList(CityBean data) { return ItemFactory.createTreeItemList(data.getCitys(), TwoTreeItemParent.class, this); } @Override public int initLayoutId() { return R.layout.itme_one; } @Override public void onBindViewHolder(ViewHolder holder) { holder.setText(R.id.tv_content, data.getProvinceName()); } @Override public boolean canExpandOrCollapse() { return false; }}

3.多種type的列表

recyclerview多級列表,recyclerview,折疊,recyclerview分組列表