Android Custom ArrayAdapte-ListView - Example Code

In this Example we show how to Add Multiple View in the Single Row of the ListView Control. We take two Controls ImageView and TextView as Shown follows.

Download Custom ArrayAdapte-ListView - Code Example

1. First We Create the layout file for the following that is as fllows : res/layout/rawlayout.xml
   
   

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <ImageView android:layout_height="wrap_content" 
     android:id="@+id/imageView1"
     android:layout_width="wrap_content" 
     android:src="@drawable/icon" />
   
    <TextView android:text="TextView" 
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" 
     android:id="@+id/textView1" 
     android:layout_marginLeft="10px"
     android:layout_marginTop="10px" 
     android:textSize="20px"
     ></TextView>
   
   </LinearLayout>
   
   

   
   
2.  Then We Create The Custom ArrayAdapter Class Which will create by extending ArrayAdapter Class that has a getView() method that use to set how we want customize our row layout of  for each raw of ListView
   
   

   package com.container;
   
   import android.content.Context;
   import android.view.LayoutInflater;
   import android.view.View;
   import android.view.ViewGroup;
   import android.widget.ArrayAdapter;
   import android.widget.ImageView;
   import android.widget.TextView;
   
   public class MyArrayAdapter extends ArrayAdapter<String> {
    Context context;
    String[] values;
   
    public MyArrayAdapter(Context context, String[] values) {
     super(context, R.layout.rowlayout, values);
     this.context = context;
     this.values = values;
    }
   
    public View getView(int positon, View convertView, ViewGroup parent) {
     LayoutInflater inflater = (LayoutInflater) context
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     View rowView = inflater.inflate(R.layout.rowlayout, parent, false);
   
     TextView textView = (TextView) rowView.findViewById(R.id.textView1);
     ImageView image = (ImageView) rowView.findViewById(R.id.imageView1);
   
     textView.setText(values[positon]);
     if (positon % 2 == 0) {
      image.setImageResource(R.drawable.yes);
     } else {
      image.setImageResource(R.drawable.no);
     }
     return rowView;
    }
   }
   

   
   
   
3. Then We create the Our Activity Class which extends the ListActivity class in which we have set the Adapter of using the method  setListAdapter() which has an argument of our own MyArrayAdapter class instance.
   
   
   

   package com.container;
   
   import android.app.ListActivity;
   import android.os.Bundle;
   import android.view.View;
   import android.widget.ListView;
   import android.widget.Toast;
   
   
   public class MultipleViewListActivity extends ListActivity{
       
    String [] values= {"Android", "iPhone", "WindowsMobile",
                "Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
                "Linux", "OS/2"};;
    
       @Override
       public void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           
           setListAdapter(new MyArrayAdapter(getApplicationContext(), values));
       }
   
    @Override
    protected void onListItemClick(ListView l, View v, int position, long id) {
     // TODO Auto-generated method stub
     Toast.makeText(getApplicationContext(), values[position], 5).show();
     //super.onListItemClick(l, v, position, id);
    }
   }

When you click on any of the ListItem than The Toast is appear with the Name in that TextView.