2. 程式人生 > >Android中RecyclerView巢狀RecyclerView或巢狀ListView

Android中RecyclerView巢狀RecyclerView或巢狀ListView

阿新 • • 發佈：2019-01-06

效果圖：

RecyclerView巢狀RecyclerView


RecyclerView巢狀ListView


原理

RecyclerView巢狀RecyclerView的條目，專案中可能會經常有這樣的需求，但是我們將子條目設定為RecyclerView之後，卻顯示不出來。自己試了很久，終於找到了原因：必須先設定子RecylcerView的高度。你要花精力確定出子RecyclerView裡面條目的高度，然後從而確定子RecyclerView的高度，設定給子RecylcerView，這樣做RecyclerView就可以正確顯示出子ReclyclerView。

程式碼

首頁佈局就是一個豎直排列的RecyclerView

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recylcerview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

接下來在MainActivity對該佈局進行初始化,然後製造一些假資料

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        basicParamInit();
        initData();
        initRecyclerView();
    }



    private  void basicParamInit() {
        DisplayMetrics metric = new DisplayMetrics();
 

        getWindowManager().getDefaultDisplay().getMetrics(metric);

        screenWidth = metric.widthPixels;

    }
    private void initData() {
        data = new DataInfor();
        ArrayList<Integer> resourceList =new ArrayList<>();

        resourceList.add(R.drawable.aaa);
        resourceList.add(R.mipmap.ic_launcher);
        resourceList.add(R.drawable.aaa);
        resourceList.add(R.mipmap.ic_launcher);
        resourceList.add(R.drawable.aaa);
        resourceList.add(R.mipmap.ic_launcher);
        resourceList.add(R.drawable.aaa);
        resourceList.add(R.mipmap.ic_launcher);

        data.gridData = data.horizontalData = data.verticalData = resourceList;

    }

    private void initRecyclerView() {
        recylcerview = (RecyclerView) findViewById(R.id.recylcerview);

        recylcerview.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL,false));

        recylcerview.setBackgroundResource(R.color.c_e0e0e2);

        recylcerview.setAdapter(new RecyclerViewAdapter());
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

接下來看看RecyclerView的Adapter:

private class RecyclerViewAdapter extends RecyclerView.Adapter<BaseHolder>{
        private final int HORIZONTAL_VIEW = 1000;
        private final int VERTICAL_VIEW = 1001;
        private final int GRID_VIEW = 1002;

        @Override
        public BaseHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            switch (viewType){
                case HORIZONTAL_VIEW:
                    return new HorizontalViewHolder(R.layout.item_recyclerview,parent,viewType);
                case GRID_VIEW:
                    return new GridViewHolder(R.layout.item_recyclerview,parent,viewType);
                case VERTICAL_VIEW:
                    return new ItemViewHolder(R.layout.item_x2_imageview,parent,viewType);
            }
            return null;
        }

        @Override
        public void onBindViewHolder(BaseHolder holder, int position) {
            if(holder instanceof HorizontalViewHolder){
                holder.refreshData(data.horizontalData,position);
            }else if(holder instanceof GridViewHolder){
                holder.refreshData(data.gridData,position);
            }else if(holder instanceof ItemViewHolder){
                holder.refreshData(data.verticalData.get(position - 2),position - 2);
            }

        }

        @Override
        public int getItemCount() {
            return 2 + data.verticalData.size();
        }

        @Override
        public int getItemViewType(int position) {
            if(position == 0) return HORIZONTAL_VIEW;
            if(position == 1) return GRID_VIEW;
            return VERTICAL_VIEW;
        }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42

可以看出，我們一共有三種條目型別，第一種是水平滑動的子RecyclerView，第二種是GridView形的子RecyclerView，第三種就是正常的子條目，根據viewType來返回不同的ViewHolder，到這裡應該都沒什麼問題。

接下來就是各個型別的ViewHolder了，在Holder當中，我們要計算條目的高度然後設定給子RecyclerView

    private class HorizontalViewHolder extends BaseHolder<List<Integer>>{
        private RecyclerView hor_recyclerview;

        private List<Integer> data;

        public HorizontalViewHolder(int viewId, ViewGroup parent, int viewType) {
            super(viewId, parent, viewType);
            hor_recyclerview = (RecyclerView) itemView.findViewById(R.id.item_recyclerview);
        }

        @Override
        public void refreshData(List<Integer> data, int position) {
            this.data = data;
            ViewGroup.LayoutParams layoutParams = hor_recyclerview.getLayoutParams();
            //高度等於＝條目的高度＋ 10dp的間距 ＋ 10dp（為了讓條目居中）
            layoutParams.height = screenWidth/3 + dip2px(20);
            hor_recyclerview.setLayoutParams(layoutParams);
            hor_recyclerview.setLayoutManager(new LinearLayoutManager(MainActivity.this, LinearLayoutManager.HORIZONTAL,false));
            hor_recyclerview.setBackgroundResource(R.color.colorAccent);
            hor_recyclerview.setAdapter(new HorizontalAdapter());
        }

        private class HorizontalAdapter extends RecyclerView.Adapter<BaseHolder>{

            @Override
            public BaseHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                return new ItemViewHolder(R.layout.item_x2_imageview,parent,viewType);
            }

            @Override
            public void onBindViewHolder(BaseHolder holder, int position) {
                holder.refreshData(data.get(position),position);
            }

            @Override
            public int getItemCount() {
                return data.size();
            }
        }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40

水平的子RecyclerView的高度還是比較容易計算的，畢竟只有一行，高度相對來說是固定的。但是像GridView的高度是動態的，根據條目數量的不同，可能會有多行，所以我們需要先計算行數，然後每行的高度*行數才是子RecyclerView的高度

private class GridViewHolder extends BaseHolder<List<Integer>>{

        private RecyclerView item_recyclerview;

        private final int ONE_LINE_SHOW_NUMBER = 3;

        private List<Integer> data;

        public GridViewHolder(int viewId, ViewGroup parent, int viewType) {
            super(viewId, parent, viewType);
            item_recyclerview = (RecyclerView) itemView.findViewById(R.id.item_recyclerview);

        }

        @Override
        public void refreshData(List<Integer> data, int position) {
            super.refreshData(data, position);
            this.data = data;
            //每行顯示3個，水平顯示
            item_recyclerview.setLayoutManager(new GridLayoutManager(MainActivity.this,ONE_LINE_SHOW_NUMBER,LinearLayoutManager.HORIZONTAL,false));

            ViewGroup.LayoutParams layoutParams = item_recyclerview.getLayoutParams();
            //計算行數
            int lineNumber = data.size()%ONE_LINE_SHOW_NUMBER==0? data.size()/ONE_LINE_SHOW_NUMBER:data.size()/ONE_LINE_SHOW_NUMBER +1;
            //計算高度=行數＊每行的高度 ＋(行數－1)＊10dp的margin ＋ 10dp（為了居中）
            //因為每行顯示3個條目，為了保持正方形，那麼高度應該是也是寬度/3
            //高度的計算需要自己好好理解，否則會產生巢狀recyclerView可以滑動的現象
            layoutParams.height = lineNumber *(screenWidth/3) + (lineNumber-1)*dip2px(10) + dip2px(10);

            item_recyclerview.setLayoutParams(layoutParams);

            item_recyclerview.setBackgroundResource(R.color.colorPrimary);

            item_recyclerview.setAdapter(new GridAdapter());
        }


        private class GridAdapter extends RecyclerView.Adapter<BaseHolder>{

            @Override
            public BaseHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                return new ItemViewHolder(R.layout.item_x2_imageview,parent,viewType);
            }

            @Override
            public void onBindViewHolder(BaseHolder holder, int position) {
                holder.refreshData(data.get(position),position);
            }

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


    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57

總體來說，RecyclerView巢狀RecyclerView是很簡單的，而且也相當好用，希望這個demo可以給大家一些靈感。

有任何問題都可以聯絡我：[email protected]

下面是我修改後的例子：

效果圖：


原始碼下載：

轉載地址：

相關推薦

Android中幾種關閉Activity或app的方法

1. finish()方法 該方法可以結束當前 Activity，但是如果你的App有很多 Activity 的話，使用該方法顯得有點捉襟見肘了。 另外，還有一個方法finishActivity (int requestCode) ,關於這個方法，先看看sdk的api說明吧！ public void

Android中RecyclerView巢狀RecyclerView或巢狀ListView

效果圖： RecyclerView巢狀RecyclerView RecyclerView巢狀ListView 原理 RecyclerView巢狀RecyclerView的條目，專案中可能會經常有這樣的需求，但是我們將子條目設定為RecyclerView之後，卻顯

Android中NestedScrollView巢狀RecyclerView出現滾動不流暢的問題

在使用support-v4包中的NestedScrollView時，如果在其中巢狀使用RecyclerView，會出現滑動不流暢的問題，佈局如下： <?xml version="1.0" enc

NavigationView headerLayout中巢狀RecyclerView滑動衝突問題

<?xml version="1.0" encoding="utf-8"?> <com.vechain.vecar.ui.view.MyDrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android 仿京東,淘寶RecyclerView巢狀ViewPager巢狀RecyclerView商品展示

最近看到京東,淘寶都有RecyclerView巢狀ViewPager巢狀RecyclerView商品展示的效果,效果挺好,廢話不多說先看效果圖: GIF.gif 技能點: 1.Android事件分發機制等 需求點: 1.列表巢狀,內層的列表可以左右切換 2.V

Android 混排效果之 ScrollView 巢狀 RecyclerView 巢狀gridview 實現listview 巢狀gridview 效果

RecyclerView 出現以後 很受大家歡迎 漂亮流暢的列表 簡單的操作 可以幫我們完成很多的列表 但是有一種listview 巢狀gridview 的效果 目前還是需要巢狀才能完成 現在就簡單說一下我的思路 本人的需求是例如手機淘寶頁 本人使用老套的實現模

android viewpager巢狀recyclerview寬度顯示不全問題

問題：viewpager嵌套了recyclerview，前面幾個item寬度顯示有問題（往下滑之後又往上就正常了)，起初以為是inflate問題，後來發現是因為使用了ConstraintLayout的問題，刪除了直接使用RecyclerView就沒問題了

Android Scrollview巢狀RecyclerView導致滑動卡頓問題解決

一個比較長的介面一般都是Scrollview巢狀RecyclerView來解決.不過這樣的UI並不是我們開發人員想看到的,實際上巢狀之後.因為Scrollview和RecyclerView都是滑動控制元件.會有一點滑動上的衝突.導致滑動起來有些卡頓.這個時候.我們重寫一下L

處理在ViewPager中碎片切換時RecyclerView中巢狀RecyclerView內部recyclerView會自動滑動的問題

解決方法：假設被巢狀的RecyclerView例項物件為item,程式碼中加上:item.setFocusableInTouchMode(false);//設定不需要焦點補充：看別人的解決方法還多加了一行程式碼：mTestItemSuperRecyclerView.reque

Android ScrollView巢狀RecyclerView

ScrollView巢狀豎直滾動的RecyclerView，滑動的時候卡頓處理方式為 LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) { @Overrid

RecyclerView中item巢狀RecyclerView不顯示問題

在巢狀時要給巢狀的RecyclerView設定寬高，否則不顯示 /** * 重設item的高度 */ private void resetRecyclerHeight(int type, int size) { ViewGroup.LayoutParams

android ScrollView 巢狀RecyclerView 解決滑動衝突

為了解決滑動事件的衝突需要重寫ScrollView  /* * Copyright 2014 Soichiro Kashima * * Licensed under the Apache License, Version 2.0 (the "License");

Scrollview 巢狀 RecyclerView 及在Android 5.1版本滑動時 慣性消失問題

找了好幾個解決方案。（然並卵各種其他問題） 最後找到了一個簡單的靠譜的,著重要，不顯示問題看原帖！！！卡斷問題重寫MyScrollview public class MyScrollview extends ScrollView { priva

RecyclerView中巢狀RecyclerView的時候出現子RecyclerView顯示不全的問題解決

RecyclerView常見問題解決方案： 1：首先檢視RecyclerView在設定Adapter前有沒有被LayoutManager管理（如果沒有肯定連顯示都不顯示） 2：檢視子RecyclerView的子項佈局最外層有沒有把高度設定成match_parent,如

Android開發筆記 ViewPager 巢狀 RecyclerView instantiateItem資料初始化錯位問題

       在應用開發過程中，使用ViewPager巢狀RecyclerView實現整屏的橫滑是很常見的需求。在為ViewPager設定adapter的時候，需要重寫初始化方法， public Object instantiateItem(ViewGroup con

CoordinatorLayout與NestedScrollView巢狀RecyclerView使用中的坑

做一個詳情頁面的時候，遇到了上述使用方式的坑，上滑的時候RecyclerView上滑了，但是並沒有與頭部也就是AppBarLayout產生聯動，頭部沒有上拉了。 這個問題的解決方法是呼叫Recycle

解決ScrollView巢狀RecyclerView(橫向)或ListView(橫向)時，橫向滑動不順暢的問題。

程式碼簡單，容易理解，裡面有點註釋，夠看了，特別少的改動。 package com.laka.live.ui.widget; import android.content.Context; im

ScrollView中巢狀RecyclerView時出現焦點問題,預設的介面不是頂部

在做首頁時使用ScroolView，首頁上面有圖片還有一些模組的快速入口，下面是列表的展示，列表使用RecyclerView來展示通知資訊頁面。但是遇到一個問題，每次進入首頁頁面時，整個頁面起始位置並不是頂部。在網上搜到好多類似的問題，比如ScrollView和ListVie

Android 中 Fragment 巢狀 Fragment使用存在的bug附完美解決方案

原文地址：https://blog.csdn.net/u014365133/article/details/73176068 自從Android3.0引入了Fragment之後，使用Activity去巢狀一些Fragment的做法也變得更加流行，這確實是Fra

CoordinatorLayout 巢狀Recyclerview在巢狀Recyclerview滑動出現衝突解決辦法

RecyclerView巢狀RecycleView  要做一個介面，CoordinatorLayout巢狀AppBarLayout和RecyclerView來實現摺疊滑動，我的RecycleView裡面佈局較多，計劃再嵌入RecyclerView來實現，當我用到RecyclerView新增