การสร้าง RecyclerView เบื้องต้น

drawable/item_state.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
          android:exitFadeDuration="500">
      <item android:drawable="@color/item_active" android:state_pressed="true"/>
      <item android:drawable="@color/item_normal"/>
</selector>

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android"

android:exitFadeDuration="500">

</selector>

values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <color name="item_active">#ffffc5</color>
    <color name="item_normal">#ffffff</color>
</resources>

<?xml version="1.0" encoding="utf-8"?>

<color name="item_active">#ffffc5</color>

<color name="item_normal">#ffffff</color>

</resources>

layout/custom_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="3dp"
    android:background="@drawable/item_state"
    android:orientation="horizontal"
    android:padding="5dp">

    <ImageView
        android:id="@+id/imageView"
        android:layout_gravity="center_vertical"
        android:src="@drawable/ic_1" />

    <TextView
        android:id="@+id/textView_jp"
        android:layout_columnWeight="1"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:text="Seiri"
        android:textColor="#007"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/textView_th"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="10dp"
        android:text="สะสาง"
        android:textColor="#aaa"
        android:textSize="18sp" />

</GridLayout>

<?xml version="1.0" encoding="utf-8"?>

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginBottom="3dp"

android:background="@drawable/item_state"

android:orientation="horizontal"

android:padding="5dp">

<ImageView

android:id="@+id/imageView"

android:layout_gravity="center_vertical"

android:src="@drawable/ic_1" />

<TextView

android:id="@+id/textView_jp"

android:layout_columnWeight="1"

android:layout_gravity="center_vertical"

android:layout_marginLeft="10dp"

android:text="Seiri"

android:textColor="#007"

android:textSize="20sp" />

<TextView

android:id="@+id/textView_th"

android:layout_gravity="center_vertical"

android:layout_marginRight="10dp"

android:text="สะสาง"

android:textColor="#aaa"

android:textSize="18sp" />

</GridLayout>

CustomItem.java

package com.phaisarn.myapplication;

class CustomItem {
    public int imgId;
    public String textJp;
    public String textTh;

    public CustomItem(int imgId, String textJp, String textTh) {
        this.imgId = imgId;
        this.textJp = textJp;
        this.textTh = textTh;
    }
}

package com.phaisarn.myapplication;

class CustomItem {

public int imgId;

public String textJp;

public String textTh;

public CustomItem(int imgId, String textJp, String textTh) {

this.imgId = imgId;

this.textJp = textJp;

this.textTh = textTh;

}

CustomHolder.java

package com.phaisarn.myapplication;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomHolder extends RecyclerView.ViewHolder {
    public ImageView imageView;
    public TextView textViewJp;
    public TextView textViewTh;

    public CustomHolder(View convertView) {
        super(convertView);
        imageView = (ImageView) convertView.findViewById(R.id.imageView);
        textViewJp = (TextView) convertView.findViewById(R.id.textView_jp);
        textViewTh = (TextView) convertView.findViewById(R.id.textView_th);
    }
}

package com.phaisarn.myapplication;

import android.support.v7.widget.RecyclerView;

import android.view.View;

import android.widget.ImageView;

import android.widget.TextView;

public class CustomHolder extends RecyclerView.ViewHolder {

public ImageView imageView;

public TextView textViewJp;

public TextView textViewTh;

public CustomHolder(View convertView) {

super(convertView);

imageView = (ImageView) convertView.findViewById(R.id.imageView);

textViewJp = (TextView) convertView.findViewById(R.id.textView_jp);

textViewTh = (TextView) convertView.findViewById(R.id.textView_th);

}

CustomAdapter.java

package com.phaisarn.myapplication;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

public class CustomAdapter extends RecyclerView.Adapter<CustomHolder> {
    private Context mContext;
    private List<CustomItem> mItems;

    public CustomAdapter(Context context, List<CustomItem> items) {  //กำหนดเป็น ArrayList เหมือนเดิมก็ได้
        mContext = context;
        mItems = items;
    }

    public interface OnItemClickListener {
        void onItemClick(View item, int position);
    }

    private OnItemClickListener mListener;

    public void setOnClickListener(OnItemClickListener listener) {
        mListener = listener;
    }


    @Override
    public int getItemCount() {
        return mItems.size();
    }

    @Override
    public CustomHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(mContext);
        final View view = inflater.inflate(R.layout.custom_layout, parent, false);
        final CustomHolder vHolder = new CustomHolder(view);

            /*
            view.setOnClickListener(new View.OnClickListener() {
                  @Override
                  public void onClick(View view) {
                        int pos = vHolder.getAdapterPosition();
                        String str = vHolder.textViewJp.getText().toString();
                        str += "  :  " + vHolder.textViewTh.getText().toString();
                        if(pos != RecyclerView.NO_POSITION) {
                              Toast.makeText(mContext, str, Toast.LENGTH_SHORT).show();
                        }
                  }
            });
            */

        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mListener != null) {
                    int pos = vHolder.getAdapterPosition();
                    if (pos != RecyclerView.NO_POSITION) {
                        mListener.onItemClick(view, pos);
                    }
                }
            }
        });

        return vHolder;
    }

    @Override
    public void onBindViewHolder(CustomHolder vHolder, int position) {
        CustomItem item = mItems.get(position);
        vHolder.imageView.setImageResource(item.imgId);
        vHolder.textViewJp.setText(item.textJp);
        vHolder.textViewTh.setText(item.textTh);
    }
}

package com.phaisarn.myapplication;

import android.content.Context;

import android.support.v7.widget.RecyclerView;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import java.util.List;

public class CustomAdapter extends RecyclerView.Adapter<CustomHolder> {

private Context mContext;

private List<CustomItem> mItems;

public CustomAdapter(Context context, List<CustomItem> items) { //กำหนดเป็น ArrayList เหมือนเดิมก็ได้

mContext = context;

mItems = items;

}

public interface OnItemClickListener {

void onItemClick(View item, int position);

}

private OnItemClickListener mListener;

public void setOnClickListener(OnItemClickListener listener) {

mListener = listener;

}

@Override

public int getItemCount() {

return mItems.size();

}

@Override

public CustomHolder onCreateViewHolder(ViewGroup parent, int viewType) {

LayoutInflater inflater = LayoutInflater.from(mContext);

final View view = inflater.inflate(R.layout.custom_layout, parent, false);

final CustomHolder vHolder = new CustomHolder(view);

view.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

int pos = vHolder.getAdapterPosition();

String str = vHolder.textViewJp.getText().toString();

str += " : " + vHolder.textViewTh.getText().toString();

if(pos != RecyclerView.NO_POSITION) {

Toast.makeText(mContext, str, Toast.LENGTH_SHORT).show();

}

});

view.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

if (mListener != null) {

int pos = vHolder.getAdapterPosition();

if (pos != RecyclerView.NO_POSITION) {

mListener.onItemClick(view, pos);

}

});

return vHolder;

}

@Override

public void onBindViewHolder(CustomHolder vHolder, int position) {

CustomItem item = mItems.get(position);

vHolder.imageView.setImageResource(item.imgId);

vHolder.textViewJp.setText(item.textJp);

vHolder.textViewTh.setText(item.textTh);

}

content_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:id="@+id/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#efefef"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".MainActivity"
    tools:showIn="@layout/activity_main">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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:id="@+id/content_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#efefef"

app:layout_behavior="@string/appbar_scrolling_view_behavior"

tools:context=".MainActivity"

tools:showIn="@layout/activity_main">

<android.support.v7.widget.RecyclerView

android:id="@+id/recyclerView"

android:layout_width="match_parent"

android:layout_height="match_parent" />

</LinearLayout>

MainActivity.java

package com.phaisarn.myapplication;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        final  ArrayList<CustomItem> items = new ArrayList<>();
        items.add(new CustomItem(R.drawable.ic_1, "Seiri", "สะสาง"));
        items.add(new CustomItem(R.drawable.ic_2, "Seiton", "สะดวก"));
        items.add(new CustomItem(R.drawable.ic_3, "Seiso", "สะอาด"));
        items.add(new CustomItem(R.drawable.ic_4, "Seiketsu", "สุขลักษณะ"));
        items.add(new CustomItem(R.drawable.ic_5, "Shitsuke", "สร้างนิสัย"));

        CustomAdapter adapter = new CustomAdapter(this, items);
        RecyclerView rcv = (RecyclerView)findViewById(R.id.recyclerView);
        rcv.setAdapter(adapter);
        rcv.setLayoutManager(new LinearLayoutManager(this));

        adapter.setOnClickListener(new CustomAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View item, int position) {
                String str = items.get(position).textJp;
                Toast.makeText(getBaseContext(), str, Toast.LENGTH_SHORT).show();
            }
        });

            /*
            RecyclerItemClickSupport.addTo(rcv).setOnItemClickListener(new RecyclerItemClickSupport.OnItemClickListener() {
                  @Override
                  public void onItemClicked(RecyclerView recyclerView, int position, View v) {
                        String str = items.get(position).textJp;
                        str += "  -  " + items.get(position).textTh;
                        Toast.makeText(getBaseContext(), str, Toast.LENGTH_SHORT).show();
                  }
            });
            */
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if(id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

package com.phaisarn.myapplication;

import android.os.Bundle;

import android.support.design.widget.FloatingActionButton;

import android.support.design.widget.Snackbar;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.view.View;

import android.view.Menu;

import android.view.MenuItem;

import android.support.v7.widget.LinearLayoutManager;

import android.support.v7.widget.RecyclerView;

import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

fab.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

.setAction("Action", null).show();

}

});

final ArrayList<CustomItem> items = new ArrayList<>();

items.add(new CustomItem(R.drawable.ic_1, "Seiri", "สะสาง"));

items.add(new CustomItem(R.drawable.ic_2, "Seiton", "สะดวก"));

items.add(new CustomItem(R.drawable.ic_3, "Seiso", "สะอาด"));

items.add(new CustomItem(R.drawable.ic_4, "Seiketsu", "สุขลักษณะ"));

items.add(new CustomItem(R.drawable.ic_5, "Shitsuke", "สร้างนิสัย"));

CustomAdapter adapter = new CustomAdapter(this, items);

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

rcv.setAdapter(adapter);

rcv.setLayoutManager(new LinearLayoutManager(this));

adapter.setOnClickListener(new CustomAdapter.OnItemClickListener() {

@Override

public void onItemClick(View item, int position) {

String str = items.get(position).textJp;

Toast.makeText(getBaseContext(), str, Toast.LENGTH_SHORT).show();

}

});

RecyclerItemClickSupport.addTo(rcv).setOnItemClickListener(new RecyclerItemClickSupport.OnItemClickListener() {

@Override

public void onItemClicked(RecyclerView recyclerView, int position, View v) {

String str = items.get(position).textJp;

str += " - " + items.get(position).textTh;

Toast.makeText(getBaseContext(), str, Toast.LENGTH_SHORT).show();

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.menu_main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

//noinspection SimplifiableIfStatement

if(id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

รูปที่ใช้

Phaisarn Sutheebanjard

blog.phaisarn.com

การสร้าง RecyclerView เบื้องต้น