android - 如何将列表列表映射到 RecyclerView

Question

我正在尝试映射 List<List<Object>>到 Android 中的 RecyclerView，但结果完全一团糟。
例如，我有一个这样的列表列表(只是为了解释，不是我的真实情况):

List<List<String>> list = {{a, b, c}, {d, e}, {f, g, h, i}};

Recyclerview 应该显示如下(第一行包含三个子行，第二行有两个，最后一个有四个):

|----a-----|  
|----b-----|  
|----c-----|  
|=======|  
|----d-----|  
|----e-----|  
|=======|  
|----f-----|  
|----g-----|  
|----h-----|  
|----i-----|  

但是结果和上面的顺序不完全一样。有些元素被复制，有些元素消失了。例如:

|----d-----|  
|----e-----|  
|----c-----|  
|=======|  
|----d-----|  
|----e-----|  
|=======|  
|----f-----|  
|----a-----|  

这是我的一段代码:

    @Override
public void onBindViewHolder(ViewHolder holder, int position) {
    List<Event> list = eventList.get(position);
    if (holder.rows < list.size()) {
        holder.rowViewGroup.removeAllViews();
        holder.rows = 0;
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        TextView startView = new TextView(context);
        startView.setLayoutParams(layoutParams);
        Event headEvent = list.get(0);
        Calendar startCal = headEvent.getStartCal();
        startView.setText(String.format("%tD", startCal));
        holder.rowViewGroup.addView(startView);

    for (final Event event : list) {
        View element = LayoutInflater.from(context).inflate(R.layout.element, null);
        //start time view
        TextView startTimeView = (TextView)element.findViewById(R.id.eventStartTimeInElement);
        Calendar startTimeCal = event.getStartCal();
        startTimeView.setText(String.format("%tl:%tM %tp", startTimeCal, startTimeCal, startTimeCal));
        //end date time view
        TextView endView = (TextView)element.findViewById(R.id.eventEndTimeInElement);
        Calendar endCal = event.getEndCal();
        endView.setText(String.format("%tD  %tl:%tM %tp", endCal, endCal, endCal, endCal));
        //title view
        TextView title = (TextView)element.findViewById(R.id.eventTitleInElement);
        title.setText(event.getTitle());
        //member name

        Drawable divider = context.getResources().getDrawable(R.drawable.divider);
        ImageView dividerView = new ImageView(context);
        dividerView.setImageDrawable(divider);
        holder.rowViewGroup.addView(dividerView);
        holder.rowViewGroup.addView(element);
        holder.rows++;
        }
    }
} 

这是我的 row.xml:

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/recycleViewRow">

    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardCornerRadius="0dp"
        card_view:cardElevation="2sp"
        card_view:cardUseCompatPadding="true"
        >

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/rowView"
            android:paddingLeft="20dp"
            android:paddingRight="20dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/eventStartTimeInRow"
                />

            </LinearLayout>

    </android.support.v7.widget.CardView>   

和 element.xml(包含在 row.xml 中):

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content">



    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="Small Text"
            android:id="@+id/eventStartTimeInElement"
            android:layout_weight="2" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="Small Text"
            android:id="@+id/eventEndTimeInElement"
            android:gravity="end"
            android:layout_weight="1"/>
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="left">

        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"                            
            android:textAppearance="?android:attr/textAppearanceMedium"                            
            android:text="Medium Text"
            android:id="@+id/eventTitleInElement"/>

            </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right">

            <android.support.v7.widget.CardView
                xmlns:card_view="http://schemas.android.com/apk/res-auto"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                card_view:cardCornerRadius="2dp"
                card_view:cardElevation="2sp"
                card_view:cardUseCompatPadding="true">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:text="Small Text"
                android:id="@+id/memberNameInElement"
                android:gravity="end"
                />
            </android.support.v7.widget.CardView>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

</LinearLayout>   

而且我知道这不是实现它的好主意，所以有人能告诉我实现它的更好方法吗？谢谢...

Answer 1

我认为最好的办法是将列表列表扁平化为一个列表。

这只是为了 ListView 的目的。您的适配器将表现得好像所有列表都被串成一个长列表。

首先为嵌套列表的所有项目创建一个单列表索引。

例如:

    List<List<String>> listOfLists = ... // your original data
    List<String> listForView = new ArrayList<String>();

    for (List<String> innerList : listOfLists) {
        for (String str : innerList) {
            listForView.add(str);
        }
        listForView.add("---"); // e.g. marker value for divider
    }

现在在你的适配器的 getItem() 中只需要返回 listForView.get(position)。

只要您的嵌套列表结构发生变化，您就会重新执行此扁平化操作并调用 notifyDataSetChanged()。

如果 - 给定位置 - 您必须弄清楚项目在哪个列表中，事情会变得有点棘手，但您始终可以以类似的方式索引内部列表。