Android Custom Spinner

Custom Sinner is an another excellent example of working in a customizing way in android.
for this purpose make a project with  the main activity MainActivity.java and with the given below code

MainActivity.java


package com.jitesh.customspinner;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity {

String[] strings = { "Austria", "Belgium", "Bulgaria", "Cyprus",
"Denmark", "Estonia" };

String[] subs = { "austria", "belgium", "bulgaria", "cyprus",
"denmark", "estonia" };

int arr_images[] = { R.drawable.austria, R.drawable.belgium,
R.drawable.bulgaria, R.drawable.cyprus, R.drawable.denmark,
R.drawable.estonia };

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

Spinner mySpinner = (Spinner) findViewById(R.id.spinner);
mySpinner.setAdapter(new MyAdapter(MainActivity.this, R.layout.row,
strings));
}

public class MyAdapter extends ArrayAdapter<String> {

public MyAdapter(Context context, int textViewResourceId,
String[] objects) {
super(context, textViewResourceId, objects);
}

@Override
public View getDropDownView(int position, View convertView,
ViewGroup parent) {
return getCustomView(position, convertView, parent);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
return getCustomView(position, convertView, parent);
}

public View getCustomView(int position, View convertView,
ViewGroup parent) {

LayoutInflater inflater = getLayoutInflater();
View row = inflater.inflate(R.layout.row, parent, false);
TextView label = (TextView) row.findViewById(R.id.country);
label.setText(strings[position]);

TextView sub = (TextView) row.findViewById(R.id.sub);
sub.setText(subs[position]);

ImageView icon = (ImageView) row.findViewById(R.id.image);
icon.setImageResource(arr_images[position]);

return row;
}
}
}

the activity_main.xml is given below

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

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

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

      android:background="@drawable/bkg"

    >

<TextView

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:text="@string/hello"

    />

<Spinner

    android:id="@+id/spinner"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:drawSelectorOnTop="true"

    android:prompt="@string/prompt"

    />

</LinearLayout>

the row.xml is as follows

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

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

 android:layout_width="fill_parent"

 android:layout_height="wrap_content"

 android:orientation="vertical"

 android:padding="3dip"

>

    <ImageView

         android:id="@+id/image"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

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

    <TextView

         android:layout_toRightOf="@+id/image"

         android:padding="3dip"

         android:layout_marginTop="2dip"

         android:textColor="@drawable/red"

         android:textStyle="bold"

         android:id="@+id/country"

         android:text="CoderzHeaven"

         android:layout_marginLeft="5dip"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"/>

     <TextView

         android:layout_toRightOf="@+id/image"

         android:padding="2dip"

         android:textColor="@drawable/darkgrey"

         android:layout_marginLeft="5dip"

         android:id="@+id/sub"

         android:layout_below="@+id/country"

         android:text="Jitesh Upadhyay codes"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"/>

</RelativeLayout>

the strings.xml is having following info

<resources>

    <string name="app_name">CustomSpinner</string>

    <string name="hello_world">Hello world!</string>

    <string name="menu_settings">Settings</string>

    <string name="title_activity_main">MainActivity</string>

    

     <string name="hello">CustomSpinner Demo by Jitesh!</string>

    <string name="prompt">  Select your Country  </string>

    

    <drawable name="white">#ffffff</drawable>

    <drawable name="black">#000000</drawable>

    <drawable name="green">#347C2C</drawable>

    <drawable name="pink">#FF00FF</drawable>

    <drawable name="violet">#a020f0</drawable>

    <drawable name="grey">#778899</drawable>

    <drawable name="red">#C11B17</drawable>

    <drawable name="yellow">#FFFF8C</drawable>

    <drawable name="PowderBlue">#b0e0e6</drawable>

    <drawable name="brown">#2F1700</drawable>

    <drawable name="Hotpink">#7D2252</drawable>

    <string name="select_Category">Select Category</string>

    <drawable name="darkgrey">#606060</drawable>

</resources>

following are the used resources

You can download the code CUSTOM-SPINNER