Android RecyclerView with multiple different layouts
The main layout, activity_main.xml
RecyclerView row item layout one, list_item_type1.xml
RecyclerView row item layout two, list_item_type2.xml
A dummy model object class, Item.java
public class Item { public enum ItemType { ONE_ITEM, TWO_ITEM; } private String name; private ItemType type; public Item(String n, ItemType type) { this.name = n; this.type = type; } public String getName() { return name; } public void setName(String name) { this.name = name; } public ItemType getType() { return type; } public void setType(ItemType type) { this.type = type; } }
The RecyclerView Item adapter, this is where the magic happens for having multiple different layouts in the RecyclerView list item. Pay attention to getItemViewType
and onCreateViewHolder
.
import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import java.util.ArrayList; public class ItemArrayAdapter extends RecyclerView.Adapter{ private static final int TYPE_ONE = 1; private static final int TYPE_TWO = 2; private ArrayList - itemList; // Constructor of the class public ItemArrayAdapter(ArrayList
- itemList) { this.itemList = itemList; } // get the size of the list @Override public int getItemCount() { return itemList == null ? 0 : itemList.size(); } // determine which layout to use for the row @Override public int getItemViewType(int position) { Item item = itemList.get(position); if (item.getType() == Item.ItemType.ONE_ITEM) { return TYPE_ONE; } else if (item.getType() == Item.ItemType.TWO_ITEM) { return TYPE_TWO; } else { return -1; } } // specify the row layout file and click for each row @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if (viewType == TYPE_ONE) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_type1, parent, false); return new ViewHolderOne(view); } else if (viewType == TYPE_TWO) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_type2, parent, false); return new ViewHolderTwo(view); } else { throw new RuntimeException("The type has to be ONE or TWO"); } } // load data in each row element @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int listPosition) { switch (holder.getItemViewType()) { case TYPE_ONE: initLayoutOne((ViewHolderOne)holder, listPosition); break; case TYPE_TWO: initLayoutTwo((ViewHolderTwo) holder, listPosition); break; default: break; } } private void initLayoutOne(ViewHolderOne holder, int pos) { holder.item.setText(itemList.get(pos).getName()); } private void initLayoutTwo(ViewHolderTwo holder, int pos) { holder.tvLeft.setText(itemList.get(pos).getName()); holder.tvRight.setText(itemList.get(pos).getName()); } // Static inner class to initialize the views of rows static class ViewHolderOne extends RecyclerView.ViewHolder { public TextView item; public ViewHolderOne(View itemView) { super(itemView); item = (TextView) itemView.findViewById(R.id.row_item); } } static class ViewHolderTwo extends RecyclerView.ViewHolder { public TextView tvLeft, tvRight; public ViewHolderTwo(View itemView) { super(itemView); tvLeft = (TextView) itemView.findViewById(R.id.row_item_left); tvRight = (TextView) itemView.findViewById(R.id.row_item_right); } } }
The MainActivity.java
import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.DefaultItemAnimator; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Initializing list view with the custom adapter ArrayList- itemList = new ArrayList
- (); ItemArrayAdapter itemArrayAdapter = new ItemArrayAdapter(itemList); recyclerView = (RecyclerView) findViewById(R.id.item_list); recyclerView.setLayoutManager(new LinearLayoutManager(this)); recyclerView.setItemAnimator(new DefaultItemAnimator()); recyclerView.setAdapter(itemArrayAdapter); // Populating list items for(int i=0; i<100; i++) { if (i%2 == 0) { itemList.add(new Item("Item " + i, Item.ItemType.ONE_ITEM)); } else { itemList.add(new Item("Item " + i, Item.ItemType.TWO_ITEM)); } } } }
Search within Codexpedia
Custom Search
Search the entire web
Custom Search
Related Posts