Day 7: Android Spinner or ComboBox

Introduction

You have often used combo boxes in your desktop application and many of times you have dragged a Combobox control when you were learning Windows Forms. Just like a combo box in the Toolbox, we have a Spinner in the Android Pallete.

Both do the same job except the platform they work for.

Procedures

Step 1

Begin by making an Android project in your respective IDE with a working emulator.

Step 2

First, we add a Spinner from the Palette in the main_activity.xml and it generates something like this:

Code

<Spinner
android:id="@+id/spinner1"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

Step 3

We will now add our code to the Java source file, MainActivity.java, were are adding a Spinner first, then adding an ArrayAdapter to it.

Before proceeding, ensure you have all these packages in your project.

Code

import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

And your class must implement AdapterView.OnItemSelectedListner.

Code

And, your class must implement AdapterView.OnItemSelectedListner

After implementing successfully, two new functions will be generated in the down of your page,

Code

public class MainActivity extends ActionBarActivity implements
AdapterView.OnItemSelectedListener {
….
}

Next, we need an array of strings that we will use in furthur sections.

Code

String[] iplTeam= {"KKR", "CSK", "RR", "KXIP", "RR", "MI" };

And now we will handle our Views that we created in the XML file.

So, move on to the onCreate() method and add:

Code

// Linking the Views to Java’s instances
Spinner spin1=(Spinner) findViewById(R.id.spinner1);
spin1.setOnItemSelectedListener((OnItemSelectedListener) this);

And, we will bind the string array to the Spinner itself. To do this, we need an ArrayAdapter. And, there we will define the kind of Spinner we want.

Code

// Now, Create a Array Adapter
ArrayAdapter adapter=new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_spinner_item, iplTeam);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

At last, link the adapter to the spinner instance.

Code

// Assigning the adapter to Spinner
spin1.setAdapter(adapter);

We have now configured the Spinner and Adapter. But, when we select the item from the Spinner then there must be something that shows the value of what we selected.

And for that, we will use a Toast message that shows the selected value.

Put the following code in the onSelectedItem() method that was generated when we implemented the class with AdapterView.

Code

Toast.makeText(getApplicationContext(), "You have Chosen :"+iplTeam[arg2], Toast.LENGTH_LONG).show();

Here, args2 is the selected index for the Spinner and args3 is the ID itself.

If you have written your code successfully, then you may get this as output:

Conclusion

If you experience any problem then use Quick Fix (Ctrl+1) since it will solve most of your import problems or notation errors. Otherwise, go for the solution file that I have enclosed for this project.

1 Comment

Join the conversation! Your thoughts help the community grow.

Yuva Raj9y ago
Team., in this example you have used the array of string for binding the value to spinner , but as same i need to bind the JSON object that returned by calling a WCF service. (i have taken the JSON object by calling the wcf service ,now you help me ,how to bind that jSON into a spinner )