如何将列表映射到 RecyclerView

How to map a list of list to RecyclerView

提问人:CrackThisRay 提问时间:4/16/2015 最后编辑:kjhughesCrackThisRay 更新时间:4/16/2015 访问量:2473

问:

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

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>   

我知道这不是一个实现这个的好主意,所以谁能告诉我一个更好的方法来实现它?谢谢。。。

Android XML 列表 android-layout android-recyclerview

评论


答:

0赞 kris larson 4/16/2015 #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()

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

评论

0赞 CrackThisRay 4/16/2015
但我真的很想用 CardView 来分隔每个组。如果我使用扁平化列表,有什么更好的方法来实现这一目标
0赞 Al Lelopath 4/25/2015
xia0guang - 我想做类似的事情。你有什么进展吗?
0赞 CrackThisRay 4/27/2015
AI L-- 我使用不同类型的行来解决它。你应该试试。只需覆盖 getItemType() 并创建一堆不同的行即可。就我而言,我使用 size of sublist 来指示 itemType,并使用 for 循环来添加不同大小的子行。也许会帮助你。