The simplest way to display Strings with icons in a RecyclerView

android, android-recyclerview, listview

Solution

Buddy this is the most simplest way

first add the dependency in build.gradle file

compile 'com.android.support:recyclerview-v7:21.0.+'

In your MainActivity define RecyclerView Object

private RecyclerView recyclerView;
private RecyclerView.Adapter adapter;
private RecyclerView.LayoutManager layoutManager;
private ArrayList<String> planetList=new ArrayList();
//Other Stuff

protected void onCreate(Bundle savedInstanceState) {
    //Other Stuff and initialize planetList with all the planets name before passing it to adapter

    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    layoutManager = new LinearLayoutManager(this);
    recyclerView.setLayoutManager(layoutManager);

    adapter = new PlanetAdapter(planetList,getApplicationContext());
    recyclerView.setAdapter(adapter);
}

The Main Buzz Killer PlanetAdapter,You have to define PlanetAdapter which extends RecyclerView.Adapter

public class PlanetAdapter extends RecyclerView.Adapter<PlanetAdapter.PlanetViewHolder> {

    ArrayList<String> planetList;

    public PlanetAdapter(ArrayList<String> planetList, Context context) {
        this.planetList = planetList;
    }

    @Override
    public PlanetAdapter.PlanetViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v= LayoutInflater.from(parent.getContext()).inflate(R.layout.planet_row,parent,false);
        PlanetViewHolder viewHolder=new PlanetViewHolder(v);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(PlanetAdapter.PlanetViewHolder holder, int position) {
        holder.image.setImageResource(R.drawable.planetimage);
        holder.text.setText(planetList.get(position).toString());
    }

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

    public static class PlanetViewHolder extends RecyclerView.ViewHolder{

        protected ImageView image;
        protected TextView text;

        public PlanetViewHolder(View itemView) {
            super(itemView);
            image= (ImageView) itemView.findViewById(R.id.image_id);
            text= (TextView) itemView.findViewById(R.id.text_id);
        }
    }
}

4.main_activity.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
      <android.support.v7.widget.RecyclerView
           android:id="@+id/recycler_view"
           android:layout_width="match_parent"
           android:layout_height="match_parent"/>
</LinearLayout>

The last But not the least planet_row.xml

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal">

     <ImageView
          android:layout_width="40dp"
          android:layout_height="40dp"
          android:id="@+id/image_id"/>

     <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Planet Name"
          android:id="@+id/text_id"/>
</LinearLayout>

Problem

Original source