Recyclerview с 2 списками в одном представлении?

Question

Добрый день,

У меня есть этот экран. Я хочу, чтобы он показывал как победителей, так и проигравших.

Как это должно выглядеть, как это:

TextView - Winners 
Name and bid amount 
Name and bid amount 
Name and bid amount 
-------------------- 
Textview - Losers 
Name and bid amount 
Name and bid amount 
Name and bid amount 
Name and bid amount 

Ответ от WebService, как показано ниже:

{ 
    "winningBids": [ 
    { 
     "amount": 500, 
     "quantity": 1, 
     "name": "Craig", 
     "status": "WINNING" 
    } 
    ], 
    "losingBids": [ 
    { 
     "amount": 461, 
     "quantity": 1, 
     "name": "Bob", 
     "status": "LOSE" 
    }, 
    { 
     "amount": 460, 
     "quantity": 1, 
     "name": "James", 
     "status": "LOSE" 
    } 
    ] 
} 

Я думал о том, 2 RecyclerViews на одном экране, но я не думаю, это будет работать, так как этот список как выигрыш, так и проигрыш может быть довольно длинным, что означает 2 раздела разных областей прокрутки. Есть ли способ, которым я могу иметь как выигрыш, так и проигрыш в том же перерасчете с заголовками, указывающими список победителей и проигравших, а также линию между списком победителей и проигравших?

Мой экран в настоящее время:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" 
    tools:context="com.example.app.BiddingHistoryActivity" 
    tools:showIn="@layout/activity_bidding_history"> 

    <android.support.v7.widget.RecyclerView 
    android:layout_width="match_parent" 
    android:padding="@dimen/padding_16" 
    android:background="@drawable/border_bottom" 
    android:layout_height="wrap_content"/> 
</RelativeLayout> 

Моя строка просто TextView для имени и TextView на сумму ставки.

Ваши идеи о том, как я могу реализовать это, будут очень признательны.

Спасибо

Answer 1

Создать разные ViewHolders для вас разные взгляды: TYPE_HEADER_WINNER, TYPE_HEADER_LOOSER, TYPE_ITEM.

Следуйте инструкциям для полного адаптера here.

Модификации:

private static final int TYPE_HEADER_WINNER = 0; 
private static final int TYPE_HEADER_LOOSER = 1; 
private static final int TYPE_ITEM = 2; 

@Override 
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
    if (viewType == TYPE_ITEM) { 
     //inflate your layout and pass it to view holder 
     return new VHItem(null); 
    } else if (viewType == TYPE_HEADER_WINNER) { 
     //inflate your layout and pass it to view holder 
     return new VHHeaderWinner(null); 
    } else if (viewType == TYPE_HEADER_LOOSER) { 
     //inflate your layout and pass it to view holder 
     return new VHHeaderLooser(null); 
    } 

    throw new RuntimeException("there is no type that matches the type " + viewType + " + make sure your using types correctly"); 
} 

@Override 
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { 
    if (holder instanceof VHItem) { 
     String dataItem = getItem(position); 
     //cast holder to VHItem and set data 
    } else if (holder instanceof VHHeaderWinner) { 
     //cast holder to VHHeaderWinner and set data for header. 
    } else if(holder instanceof VHHeaderLooser){   
     //cast holder to VHHeaderLooser and set data for header. 
    } 
} 

@Override 
public int getItemCount() { 
    return data.length + 2; //Since you have 2 headers 
} 

@Override 
public int getItemViewType(int position) { 
    if (position == 0) 
     return TYPE_HEADER_WINNER; 
    if (position == winnerCount + 1) 
     return TYPE_HEADER_LOOSER;   

    return TYPE_ITEM; 
} 

class VHHeaderLooser extends RecyclerView.ViewHolder { 
    Button button; 

    public VHHeader(View itemView) { 
     super(itemView); 
    } 
} 

class VHHeaderWinner extends RecyclerView.ViewHolder { 
    Button button; 

    public VHHeader(View itemView) { 
     super(itemView); 
    } 
} 

Answer 2

взятия Пожалуйста простой tutorial, где у вас есть возможность создать 2-х ViewHolder в одном RecyclerView.