Android自定义多级列表View(支持吸顶)---ExpandRecycleView

很久没更新简书了，感觉能写的东西不是太多，很多网上都能搜到的，感觉也没写的必要。不过最近遇到了个多级列表，而且每级菜单还要吸顶的需求，我这里实现的方式在网上应该比较少或者很难在网上搜到，所以在此记录一下。刚开始在网上我也搜了不少思路，大多都是滑动recycleView/ListView时，在getItemOffsets、onDraw、onDrawOver或者addOnScrollListener方法中，根据recycleview条目的位置，画个固定头部或者造个假固定头部，关键位置滑过来就跟着一起移动。但是这些方法感觉并不太适合我这种场景。于是我就尝试了各种方法，最终决定自己打造一个自定义View（可以让你轻松实现手机联系人的吸顶效果，或者多级菜单（每层菜单都支持吸顶/也可不开吸顶功能）的功能）。思路就不多介绍了，比较复杂，有兴趣的可以自己看一下源码，不过使用上还是比较轻松的。

部分源码

@Override
    public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        mContext = parent.getContext();
        View view = LayoutInflater.from(mContext).inflate(getLayoutId(viewType), parent, false);//------设置条目布局------
        final BaseViewHolder baseViewHolder = new BaseViewHolder(mContext, view);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onItemClickListner != null) {
                    onItemClickListner.onItemClickListner(v, baseViewHolder.getLayoutPosition());
                }
                if (onItemTriggerListner != null) {
                    T t = mDatas.get(baseViewHolder.getLayoutPosition());
                    if (t.isLeaf()) {
                        onItemTriggerListner.onItemCheckListner(v, baseViewHolder.getLayoutPosition(), t, TreeNodeHelper.getids(t), t.isChecked());
                    } else {
                        onItemTriggerListner.onItemExpandListner(v, baseViewHolder.getLayoutPosition(), t, TreeNodeHelper.getids(t), t.isExpand());
                    }
                }
            }
        });
        initView(baseViewHolder);//------初始化控件------
        setListener(baseViewHolder, mDatas);//------设置监听器------
        return baseViewHolder;
    }

    @Override
    public void onBindViewHolder(BaseViewHolder holder, final int position) {
        T t = mDatas.get(position);
        initView(holder);//------初始化控件------
        bindData(holder, position, t);//------绑定数据------
    }

    @Override
    public int getItemCount() {
        return mDatas.size();
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    /**
     * 返回ItemView布局类型---子类实现可以在外部用个变量保存返回值，初始化不同布局控件和点击事件可以直接根据这个返回值判断
     *
     * @return
     */
    protected abstract int setItemViewType(List<T> mDatas, int position);

    /**
     * 初始化item布局，获取item
     *
     * @return
     */
    protected abstract int getLayoutId(int viewType);

    /**
     * 初始化控件
     *
     * @param holder
     */
    protected abstract void initView(BaseViewHolder holder);

    /**
     * 设置监听事件
     */
    protected abstract void setListener(BaseViewHolder holder, List<T> mDatas);

    /**
     * 绑定数据
     */
    protected abstract void bindData(BaseViewHolder holder, int position, T t);

    protected void createFixView(View view, int position, T t) {

    }

    /**
     * 如果需要实现吸顶功能，需要在子Adapter中实现这个方法绑定view
     * 如果需要在内部实现点击事件，可以用(int)view.getTag()方法获取position
     *
     * @param view
     * @param position
     * @param t
     */
    protected void changeFixViewData(View view, int position, T t) {

    }

private void scrollChange() {
        ExpandRecycleViewAdapter adapter = (ExpandRecycleViewAdapter) mRecyclerView.getAdapter();
        List<TreeNode> mDatas = adapter.mDatas;
        List<TreeNode> mExpandDatas = adapter.mExpandDatas;
        int scrollY = adapter.getScrollY();
        int defalutFixTop = 0;
        int level = 1;
        for (int i = 0; i < mExpandDatas.size(); i++) {
            defalutFixTop = 0;
            TreeNode expandTreeNode = mExpandDatas.get(i);
            TreeNode nextParentOrBrotherTreeNode = expandTreeNode.getNextParentOrBrotherTreeNode();
            TreeNode tempExpandTreeNode = expandTreeNode;
            while (tempExpandTreeNode.getParent() != null) {
                TreeNode parent = tempExpandTreeNode.getParent();
                defalutFixTop += parent.getItemHeight();
                tempExpandTreeNode = parent;
            }
            int expandTreeNodeMarginTop = expandTreeNode.getMarginTop();
            int expandTreeNodeItemHeight = expandTreeNode.getItemHeight();
            int nextParentOrBrotherTreeNodeMarginTop = 0;
            int nextParentOrBrotherTreeNodeItemHeight = 0;
            if (nextParentOrBrotherTreeNode != null) {
                nextParentOrBrotherTreeNodeMarginTop = nextParentOrBrotherTreeNode.getMarginTop();
                nextParentOrBrotherTreeNodeItemHeight = nextParentOrBrotherTreeNode.getItemHeight();
            }
            View view = getView(adapter, expandTreeNode);
            int y = 0;
            if (nextParentOrBrotherTreeNode != null) {
                //吸顶
                if (expandTreeNodeMarginTop - scrollY <= defalutFixTop &&
                        nextParentOrBrotherTreeNodeMarginTop - scrollY >= expandTreeNodeItemHeight + defalutFixTop) {
//                    if (expandTreeNode.getLevel() != level) {
//                        if (expandTreeNode.getLevel() < level) {
//                            break;
//                        }
//                        continue;
//                    } else {
//                        level++;
//                    }
                    view.setTag(expandTreeNode.getItemPosition());
                    y = defalutFixTop;
                    view.setY(y);
                    view.setVisibility(VISIBLE);
                    adapter.changeFixViewData(view, expandTreeNode.getItemPosition(), expandTreeNode);
//                    Log.e(TAG, "scrollChange: 吸顶" + expandTreeNode.getItemPosition());
                } else if (nextParentOrBrotherTreeNodeMarginTop - scrollY < expandTreeNodeItemHeight + defalutFixTop &&
                        nextParentOrBrotherTreeNodeMarginTop - scrollY > defalutFixTop) {//吸附
//                    if (expandTreeNode.getLevel() != level) {
//                        if (expandTreeNode.getLevel() < level) {
//                            break;
//                        }
//                        continue;
//                    } else {
//                        level++;
//                    }
                    view.setTag(expandTreeNode.getItemPosition());
                    y = nextParentOrBrotherTreeNodeMarginTop - scrollY - expandTreeNodeItemHeight;
                    view.setY(y);
                    view.setVisibility(VISIBLE);
                    adapter.changeFixViewData(view, expandTreeNode.getItemPosition(), expandTreeNode);
//                    Log.e(TAG, "scrollChange: 吸附" + expandTreeNode.getItemPosition());
                } else {//消失
                    if (view.getTag() != null) {
                        int itemPosition = (int) view.getTag();
                        if (itemPosition == expandTreeNode.getItemPosition()) {
                            view.setVisibility(INVISIBLE);
//                            Log.e(TAG, "scrollChange: 消失" + expandTreeNode.getItemPosition());
                        }
                    }
                }
            } else {
                //吸顶
                if (expandTreeNodeMarginTop - scrollY <= defalutFixTop) {
//                    if (expandTreeNode.getLevel() != level) {
//                        if (expandTreeNode.getLevel() < level) {
//                            break;
//                        }
//                        continue;
//                    } else {
//                        level++;
//                    }
                    view.setTag(expandTreeNode.getItemPosition());
                    y = defalutFixTop;
                    view.setY(y);
                    view.setVisibility(VISIBLE);
                    adapter.changeFixViewData(view, expandTreeNode.getItemPosition(), expandTreeNode);
//                    Log.e(TAG, "scrollChange: 吸顶-" + expandTreeNode.getItemPosition());
                } else {//消失
                    if (view.getTag() != null) {
                        int itemPosition = (int) view.getTag();
                        if (itemPosition == expandTreeNode.getItemPosition()) {
                            view.setVisibility(INVISIBLE);
//                            Log.e(TAG, "scrollChange: 消失-" + expandTreeNode.getItemPosition());
                        }
                    }
                }
            }

        }

    }

使用案例

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_same_height_expand);
        initView();
        TreeNodeLevelManager.getInstance().clearFreeLevel();
        TreeNodeLevelManager.getInstance().setFreeLevel(1);//不会强制关闭,expandOnlyOneGroup
        TreeNodeLevelManager.getInstance().clearLevelHightCache();
        TreeNodeLevelManager.getInstance().putHeight(1, 50);
        TreeNodeLevelManager.getInstance().putHeight(2, 50);
        TreeNodeLevelManager.getInstance().putHeight(3, 50);
        TreeNodeLevelManager.getInstance().putHeight(4, 50);
        List<TreeNode<Title>> treeNodeList = DataHelper.testgetRootExpandTreeNodeList();
        ExpandRecycleViewAdapter<TreeNode<Title>> treeNodeExpandRecycleViewAdapter = new ExpandRecycleViewAdapter<TreeNode<Title>>(treeNodeList) {
            private TextView tvTitle;

            @Override
            protected int setItemViewType(List<TreeNode<Title>> mDatas, int position) {
                return 0;
            }

            @Override
            protected int getLayoutId(int viewType) {
                return R.layout.item_group;
            }

            @Override
            protected void initView(BaseViewHolder holder) {
                tvTitle = (TextView) holder.getView(R.id.tv_title);
            }

            @Override
            protected void setListener(BaseViewHolder holder, List<TreeNode<Title>> mDatas) {
            }

            @Override
            protected void bindData(BaseViewHolder holder, int position, TreeNode<Title> titleTreeNode) {
                tvTitle.setText(titleTreeNode.getData().titleContent);
                tvTitle.setTextColor(titleTreeNode.getData().textColor);
                tvTitle.setBackgroundColor(titleTreeNode.getData().background);
            }

            @Override
            protected void createFixView(View view, int position, TreeNode<Title> titleTreeNode) {
                super.createFixView(view, position, titleTreeNode);
                if(view==null){
                    return;
                }
                view.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Integer itemPostition = (Integer) v.getTag();
                        collapseGroup(itemPostition);
                    }
                });
            }

            @Override
            protected void changeFixViewData(View view, int position, TreeNode<Title> titleTreeNode) {
                super.changeFixViewData(view, position, titleTreeNode);
                if (view == null) {
                    return;
                }
                tvTitle = (TextView) view.findViewById(R.id.tv_title);
                tvTitle.setText(titleTreeNode.getData().titleContent);
                tvTitle.setTextColor(titleTreeNode.getData().textColor);
                tvTitle.setBackgroundColor(titleTreeNode.getData().background);
            }
        };
        treeNodeExpandRecycleViewAdapter.setmExpandRecycleView(expandRecycleView);
        treeNodeExpandRecycleViewAdapter.setMeasureDataHeightMarginTop(false);//固定高度不用开启测量
        treeNodeExpandRecycleViewAdapter.setOpenStickyTop(true);//打开吸顶功能（默认开启）
        treeNodeExpandRecycleViewAdapter.refreshExpandData();//更新可展开数据
        recyclerView.setAdapter(treeNodeExpandRecycleViewAdapter);
        treeNodeExpandRecycleViewAdapter.setOnItemTriggerListner(new ExpandRecycleViewAdapter.OnItemTriggerListner<TreeNode<Title>>() {

            @Override
            public void onItemCheckListner(View v, int position, TreeNode<Title> treeNode, Integer[] ids, boolean isChecked) {
                String idsStr = "";
                for (int i = 0; i < ids.length; i++) {
                    idsStr += ids[i];
                }
                Log.e(TAG, "onItemCheckListner: position=" + position + " ids=" + idsStr + " isChecked=" + isChecked);
            }

            @Override
            public void onItemExpandListner(View v, int position, TreeNode<Title> treeNode, Integer[] ids, boolean isExpand) {
                String idsStr = "";
                for (int i = 0; i < ids.length; i++) {
                    idsStr += ids[i];
                }
                Log.e(TAG, "onItemExpandListner: position=" + position + " ids=" + idsStr + " isExpand=" + isExpand);
                if (isExpand) {
                    treeNodeExpandRecycleViewAdapter.collapseGroup(position);
                } else {
                    treeNodeExpandRecycleViewAdapter.expandGroup(position);
//                    treeNodeExpandRecycleViewAdapter.expandOnlyOneGroup(position);
                }
            }
        });
    }

效果图

图片.gif

如何集成

项目配置

allprojects {

     repositories {
    
          maven { url 'https://jitpack.io' }
      
     }
   
   }

添加依赖

    implementation 'com.github.dxh104.ExpandRecycleView:expand_recycleview:1.0.1'

更多案例可参考项目ExpandRecycleView

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 206,482评论 6赞 481
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 88,377评论 2赞 382
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 152,762评论 0赞 342
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 55,273评论 1赞 279
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 64,289评论 5赞 373
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,046评论 1赞 285
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,351评论 3赞 400
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,988评论 0赞 259
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 43,476评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2赞 324
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1赞 333
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,712评论 4赞 323
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,261评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1赞 262
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2赞 354
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2赞 345

推荐阅读更多精彩内容