Android Application to Understand Spinner value changing images

Question - 6

Understand resource folders :
a. Create spinner with strings taken from resource folder(res >> value folder).
b. On changing spinner value, change image.

---

Step 1: Create New Project in eclipse and go to res/layout folder.


Step 2: Add 5 Images of your choice into res/drawable-hdpi/ folder of your project.

Step 3: Edit Activity_Spinner XML file in res/layout/ folder of your project.

<RelativeLayout 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" >

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

    <ImageView
        android:id="@+id/imgview1"
        android:contentDescription="@string/imgviewer"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/spinner1"
        android:src="@drawable/image1" />

</RelativeLayout>

Step 4: Edit Activity Spinner Java file in src/package/ folder of your project.

package com.example.Spinner;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ImageView;
import android.widget.Spinner;
import android.widget.Toast;
import android.support.v4.app.NavUtils;

public class SpinnerActivity extends Activity implements OnItemSelectedListener
{

Spinner spn;
ImageView iv;
Integer[] ids = { R.drawable.image1,R.drawable.image2,R.drawable.image3,R.drawable.image4,R.drawable.image5};


    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_spinner);
        spn = (Spinner)findViewById(R.id.spinner1);
        iv = (ImageView)findViewById(R.id.imgview1);
        spn.setOnItemSelectedListener(this);
     
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_spinner, menu);
        return true;
    }

@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
long arg3)
{
iv.setImageResource(ids[arg2]);
}

@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub

}
}

---