ภาพจาก www.digitalspy.co.uk

จากรูปด้านบนจะเห็นว่าข้อความ สามารถมี layout อยู่ทั้งหมด 3 แบบด้วยกัน คือ

สิ่งที่ควรรู้มาก่อน

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

    <EditText
        android:id="@+id/edittext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"/>

</LinearLayout>

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

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

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal"
    android:padding="@dimen/activity_horizontal_margin">

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher"/>

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

</LinearLayout>

#2 สร้าง Class สำหรับเก็บข้อมูล

public class Item {
    public static final int TYPE_EDITTEXT  = 0;
    public static final int TYPE_TEXTVIEW  = 1;
    public static final int TYPE_IMAGEVIEW = 2;

    private String data;
    private int    type;

    public Item(String data, int type) {
        this.data = data;
        this.type = type;
    }

    public String getData() {
        return data;
    }

    public int getType() {
        return type;
    }
}

#3 สร้าง Activity

public class ListViewActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);

        ListView listView = (ListView) findViewById(R.id.listview);

        List items = new ArrayList<>();
        for (int i = 1; i <= 10; i++) {
            items.add(new Item("I am EditText #" + i, Item.TYPE_EDITTEXT));
            items.add(new Item("I am TextView #" + i, Item.TYPE_TEXTVIEW));
            items.add(new Item("I am ImageView #" + i, Item.TYPE_IMAGEVIEW));
        }

        MultipleLayoutAdapter adapter = new MultipleLayoutAdapter(this, items);
        listView.setAdapter(adapter);
    }
}

public class RecyclerViewActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view);

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        List items = new ArrayList<>();
        for (int i = 1; i <= 10; i++) {
            items.add(new Item("I am EditText #" + i, Item.TYPE_EDITTEXT));
            items.add(new Item("I am TextView #" + i, Item.TYPE_TEXTVIEW));
            items.add(new Item("I am ImageView #" + i, Item.TYPE_IMAGEVIEW));
        }

        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setAdapter(new MultipleLayoutRecyclerAdapter(items));
    }
}

#4 สร้าง Adapter

4.1 Adpater สำหรับ ListView
4.2 Adpater สำหรับ RecyclerView

public class MultipleLayoutAdapter extends BaseAdapter {
    .
    .
    .
    @Override
    public int getViewTypeCount() {
        // จำนวนประเภท layout ที่จะแสดง ในที่นี้ คือ 3
        return 3;
    }

    @Override
    public int getItemViewType(int position) {
        // return ประเภทของแถว จากข้อมูลที่เรากำหนดไว้ตอนสร้าง Activity ในข้อที่ 3
        return getItem(position).getType();
    }

}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    Item item = getItem(position);
    int viewType = getItemViewType(position);
    switch (viewType) {
        case Item.TYPE_EDITTEXT:
            convertView = inflateEditTextView(convertView, parent, item);
            break;

        case Item.TYPE_TEXTVIEW:
            convertView = inflateTextView(convertView, parent, item);
            break;

        case Item.TYPE_IMAGEVIEW:
            convertView = inflateImageView(convertView, parent, item);
            break;
    }
    return convertView;
}

private View inflateEditTextView(View convertView, ViewGroup parent, Item item) {
    EditTextViewHolder viewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(context).inflate(R.layout.edittext_list_row, parent, false);
        viewHolder = new EditTextViewHolder(convertView);
        convertView.setTag(viewHolder);
    }
    else {
        viewHolder = (EditTextViewHolder) convertView.getTag();
    }

    viewHolder.editText.setText(item.getData());

    return convertView;
}

private View inflateTextView(View convertView, ViewGroup parent, Item item) {
    TextViewHolder viewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(context).inflate(R.layout.textview_list_row, parent, false);
        viewHolder = new TextViewHolder(convertView);
        convertView.setTag(viewHolder);
    }
    else {
        viewHolder = (TextViewHolder) convertView.getTag();
    }

    viewHolder.textView.setText(item.getData());

    return convertView;
}

private View inflateImageView(View convertView, ViewGroup parent, Item item) {
    ImageViewHolder viewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(context).inflate(R.layout.imageview_list_row, parent, false);
        viewHolder = new ImageViewHolder(convertView);
        convertView.setTag(viewHolder);
    }
    else {
        viewHolder = (ImageViewHolder) convertView.getTag();
    }

    viewHolder.textView.setText(item.getData());

    return convertView;
}

static class EditTextViewHolder {
    private EditText editText;

    public EditTextViewHolder(View convertView) {
        this.editText = (EditText) convertView.findViewById(R.id.edittext);
    }
}

static class TextViewHolder {
    private TextView textView;

    public TextViewHolder(View convertView) {
        this.textView = (TextView) convertView.findViewById(R.id.textview);
    }
}

static class ImageViewHolder {
    private ImageView imageView;
    private TextView  textView;

    public ImageViewHolder(View convertView) {
        this.imageView = (ImageView) convertView.findViewById(R.id.imageview);
        this.textView = (TextView) convertView.findViewById(R.id.textview);
    }
}

public class MultipleLayoutRecyclerAdapter extends RecyclerView.Adapter {
    
    private List items;
    .
    .
    @Override
    public int getItemViewType(int position) {
        return items.get(position).getType();
    }
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    switch (viewType) {
        case Item.TYPE_EDITTEXT:
            View vEditText = inflater.inflate(R.layout.edittext_list_row, parent, false);
            return new EditTextViewHolder(vEditText);

        case Item.TYPE_TEXTVIEW:
            View vTextView = inflater.inflate(R.layout.textview_list_row, parent, false);
            return new TextViewHolder(vTextView);

        case Item.TYPE_IMAGEVIEW:
        default:
            View vImageView = inflater.inflate(R.layout.imageview_list_row, parent, false);
            return new ImageViewHolder(vImageView);
    }
}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
    Item item = items.get(position);
    switch (viewHolder.getItemViewType()) {
        case Item.TYPE_EDITTEXT:
            EditTextViewHolder editTextViewHolder = (EditTextViewHolder) viewHolder;
            editTextViewHolder.editText.setText(item.getData());
            break;

        case Item.TYPE_TEXTVIEW:
            TextViewHolder textViewHolder = (TextViewHolder) viewHolder;
            textViewHolder.textView.setText(item.getData());
            break;

        case Item.TYPE_IMAGEVIEW:
        default:
            ImageViewHolder imageViewHolder = (ImageViewHolder) viewHolder;
            imageViewHolder.textView.setText(item.getData());
            break;
    }
}

static class EditTextViewHolder extends RecyclerView.ViewHolder {
    private EditText editText;

    public EditTextViewHolder(View itemView) {
        super(itemView);
        this.editText = (EditText) itemView.findViewById(R.id.edittext);
    }
}

static class TextViewHolder extends RecyclerView.ViewHolder {
    private TextView textView;

    public TextViewHolder(View itemView) {
        super(itemView);
        this.textView = (TextView) itemView.findViewById(R.id.textview);
    }
}

static class ImageViewHolder extends RecyclerView.ViewHolder {
    private ImageView imageView;
    private TextView  textView;

    public ImageViewHolder(View itemView) {
        super(itemView);
        this.imageView = (ImageView) itemView.findViewById(R.id.imageview);
        this.textView = (TextView) itemView.findViewById(R.id.textview);
    }
}

Running...

ลิงค์อ้างอิง