Selection Controls 2 The spinner Control

The spinner controls is similar to the ComboBox in C#. it displays a list to select from in a popup window so ot may become a better choice over ListView if you want to save space.

It works in a similar way to that of the the listView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
 android_orientation="vertical"
 android_layout_width="fill_parent"
 android_layout_height="fill_parent"
 >
 <Spinner
 android_layout_width="fill_parent" 
 android_layout_height="wrap_content"
 android_id="@+id/Spinner"
 />
</LinearLayout>

when you click on the spinner it popups like this:

To handle the selected item you can use do it like this:

final String [] items=new String[]{"Item1","Item2","Item3","Item4"};
 ArrayAdapter ad=new ArrayAdapter(this,android.R.layout.simple_spinner_item,items);
 ad.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
 Spinner spin=(Spinner)findViewById(R.id.Spinner);
 spin.setAdapter(ad);
 spin.setOnItemSelectedListener(new OnItemSelectedListener()
 {

 public void onItemSelected(AdapterView arg0, View arg1,
 int arg2, long arg3) {
 TextView txt=(TextView)findViewById(R.id.txt);
 TextView temp=(TextView)arg1;
 txt.setText(temp.getText());
 
 }

 public void onNothingSelected(AdapterView arg0) {
 // TODO Auto-generated method stub
 
 }
 
 });

The above code displays the selected item text in the textview.

The parameters of the OnItemClick method are:


• Arg0:the Spinner, notice that it is of type AdapterView.

• Arg1: the view that represents the selected item, in this example it will be a TextView

• Arg2: the position of the selected item.

• Arg3: the id of the selected item.

and thats it for the Spinner Control.

Read More..

Custom Spinner with text color

Modify from old post "Custom ArrayAdapter for Spinner, with custom icons", change to make the custom Spinner with selected text color.

Add a custom spinner in layout, layout/activity_main.xml.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
 
 android_layout_width="match_parent"
 android_layout_height="match_parent"
 android_padding="16dp"
 android_orientation="vertical"
 tools_context="com.blogspot.android_er.androidcustomspinner.MainActivity">

 <TextView
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_layout_gravity="center_horizontal"
 android_autoLink="web"
 android_text="http://android-er.blogspot.com/"
 android_textStyle="bold" />
 <Spinner
 android_id="@+id/spinner"
 android_layout_width="match_parent"
 android_layout_height="wrap_content" />
</LinearLayout>

layout/row.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
 android_layout_width="fill_parent"
 android_layout_height="wrap_content"
 android_orientation="horizontal">

 <ImageView
 android_id="@+id/icon"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_src="@mipmap/ic_launcher" />

 <TextView
 android_id="@+id/weekofday"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_textSize="20dp"
 android_textStyle="bold"
 android_textColor="#0000F0"/>
</LinearLayout>

MainActivity.java

package com.blogspot.android_er.androidcustomspinner;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

 String[] DayOfWeek = {"Sunday", "Monday", "Tuesday",
 "Wednesday", "Thursday", "Friday", "Saturday"};

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 Spinner mySpinner = (Spinner)findViewById(R.id.spinner);
 mySpinner.setAdapter(new MyCustomAdapter(MainActivity.this, R.layout.row, DayOfWeek));
 }

 public class MyCustomAdapter extends ArrayAdapter<String> {

 public MyCustomAdapter(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.weekofday);
 label.setText(DayOfWeek[position]);

 if(position == 0){
 label.setTextColor(0xFFF00000);
 }

 return row;
 }
 }
}

Read More..