Android自定義多級列表View(支持吸頂)---ExpandRecycleView

很久沒更新簡書了势决，感覺能寫的東西不是太多，很多網(wǎng)上都能搜到的从隆，感覺也沒寫的必要诚撵。不過最近遇到了個多級列表，而且每級菜單還要吸頂?shù)男枨蠹耄疫@里實(shí)現(xiàn)的方式在網(wǎng)上應(yīng)該比較少或者很難在網(wǎng)上搜到寿烟，所以在此記錄一下。剛開始在網(wǎng)上我也搜了不少思路辛燥，大多都是滑動recycleView/ListView時筛武，在getItemOffsets、onDraw挎塌、onDrawOver或者addOnScrollListener方法中徘六，根據(jù)recycleview條目的位置，畫個固定頭部或者造個假固定頭部榴都，關(guān)鍵位置滑過來就跟著一起移動待锈。但是這些方法感覺并不太適合我這種場景。于是我就嘗試了各種方法嘴高，最終決定自己打造一個自定義View（可以讓你輕松實(shí)現(xiàn)手機(jī)聯(lián)系人的吸頂效果竿音，或者多級菜單（每層菜單都支持吸頂/也可不開吸頂功能）的功能）。思路就不多介紹了拴驮，比較復(fù)雜谍失，有興趣的可以自己看一下源碼，不過使用上還是比較輕松的莹汤。

部分源碼

@Override
    public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        mContext = parent.getContext();
        View view = LayoutInflater.from(mContext).inflate(getLayoutId(viewType), parent, false);//------設(shè)置條目布局------
        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);//------設(shè)置監(jiān)聽器------
        return baseViewHolder;
    }

    @Override
    public void onBindViewHolder(BaseViewHolder holder, final int position) {
        T t = mDatas.get(position);
        initView(holder);//------初始化控件------
        bindData(holder, position, t);//------綁定數(shù)據(jù)------
    }

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

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

    /**
     * 返回ItemView布局類型---子類實(shí)現(xiàn)可以在外部用個變量保存返回值快鱼，初始化不同布局控件和點(diǎn)擊事件可以直接根據(jù)這個返回值判斷
     *
     * @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);

    /**
     * 設(shè)置監(jiān)聽事件
     */
    protected abstract void setListener(BaseViewHolder holder, List<T> mDatas);

    /**
     * 綁定數(shù)據(jù)
     */
    protected abstract void bindData(BaseViewHolder holder, int position, T t);

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

    }

    /**
     * 如果需要實(shí)現(xiàn)吸頂功能，需要在子Adapter中實(shí)現(xiàn)這個方法綁定view
     * 如果需要在內(nèi)部實(shí)現(xiàn)點(diǎn)擊事件抹竹，可以用(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);//不會強(qiáng)制關(guān)閉,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);//打開吸頂功能（默認(rèn)開啟）
        treeNodeExpandRecycleViewAdapter.refreshExpandData();//更新可展開數(shù)據(jù)
        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

如何集成

項(xiàng)目配置

allprojects {

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

添加依賴

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

更多案例可參考項(xiàng)目ExpandRecycleView

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末线罕，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子窃判，更是在濱河造成了極大的恐慌钞楼，老刑警劉巖，帶你破解...
    沈念sama閱讀 219,366評論 6贊 508
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件袄琳，死亡現(xiàn)場離奇詭異询件，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)唆樊，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門宛琅，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人逗旁，你說我怎么就攤上這事嘿辟。” “怎么了片效？”我有些...
    開封第一講書人閱讀 165,689評論 0贊 356
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵红伦，是天一觀的道長。 經(jīng)常有香客問我淀衣，道長昙读，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 58,925評論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任膨桥，我火速辦了婚禮蛮浑，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘国撵。我一直安慰自己陵吸，他們只是感情好玻墅，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布介牙。 她就那樣靜靜地躺著，像睡著了一般澳厢。 火紅的嫁衣襯著肌膚如雪环础。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 51,727評論 1贊 305
  • 城市分裂傳說
    那天剩拢，我揣著相機(jī)與錄音线得，去河邊找鬼。 笑死徐伐，一個胖子當(dāng)著我的面吹牛贯钩，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播，決...
    沈念sama閱讀 40,447評論 3贊 420
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼角雷，長吁一口氣：“原來是場噩夢啊……” “哼祸穷！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起勺三，我...
    開封第一講書人閱讀 39,349評論 0贊 276
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對情侶失蹤雷滚，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后吗坚，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體祈远，經(jīng)...
    沈念sama閱讀 45,820評論 1贊 317
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評論 3贊 337
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年商源，在試婚紗的時候發(fā)現(xiàn)自己被綠了车份。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,127評論 1贊 351
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡炊汹，死狀恐怖躬充，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情讨便，我是刑警寧澤充甚，帶...
    沈念sama閱讀 35,812評論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站霸褒，受9級特大地震影響伴找，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜废菱，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評論 3贊 331
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一技矮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧殊轴，春花似錦衰倦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0贊 22
  • 一樁弒父案樊零，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至孽文，卻和暖如春驻襟，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背芋哭。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工沉衣， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人减牺。 一個月前我還...
    沈念sama閱讀 48,388評論 3贊 373
  • 代替公主和親
    正文 我出身青樓豌习，卻偏偏與公主長得像存谎，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肥隆，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評論 2贊 355

推薦閱讀更多精彩內(nèi)容