Spinner 使用方法小结

android里的Spinner其实就是个ComboBox =。=
一。基本使用方法：
main.xml 不多解释


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


    >


<Spinner


     android:id = "@+id/mySpinner"


     android:layout_width = "fill_parent"


     android:layout_height ="wrap_content"


     />


</LinearLayout>



在string.xml中使用“string-array”定义数据源。

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

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

    <string-array name = "phones_array">

        <item>iPhone</item>

        <item>Android</item>

        <item>BlackBerry</item>

    </string-array>
</resources>

Activity类：

package com.yinger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.AdapterView.OnItemSelectedListener;

/**

 * Spinner Demo

 * @author Yinger

 * @time 2011-7-9 下午01:54:59

 * @mail melody.crazycoding@gmail.com

 */
public class SpinnerDemo extends Activity {

    Spinner spinner = null;

    String selected = "0";

    

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        spinner = (Spinner)findViewById(R.id.mySpinner);

        initMySpinner();

    }

    private void initMySpinner() {

        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(

                this, R.array.phones_array,

                android.R.layout.simple_spinner_item);

        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        spinner.setAdapter(adapter);

        spinner.setPrompt("test");

        spinner.setOnItemSelectedListener(new SpinnerOnSelectedListener());

    }

    

    class SpinnerOnSelectedListener implements OnItemSelectedListener{

        public void onItemSelected(AdapterView<?> adapterView, View view, int position,

                long id) {

            // TODO Auto-generated method stub
            selected = adapterView.getItemAtPosition(position).toString();

            System.out.println("selected===========>" + selected);

        }

        public void onNothingSelected(AdapterView<?> arg0) {

            // TODO Auto-generated method stub
            System.out.println("selected===========>" + "Nothing");

        }

    }

}

二。debug发现的一个小问题：
Spinner在初始化时会自动调用一次OnItemSelectedListener事件
原因：有人说是Bug，其实这与C#的事件机制类似，懒得说了=。=
提供的解决办法：
个人是通过在事件注册之前调用

spinner.setSelection(0, true);
但要注意，使用此方法，如果用户选择的也是第一项，那么OnItemSelectedListener事件不会被触发……

三。使用技巧
1.动态添加Spinner的数据源
修改initMySpinner方法，代码如下：

private void initMySpinner() {

        String[] phones = {"iPhone","Android","BlackBerry"};

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(

                this,  android.R.layout. simple_spinner_item,

                phones);

        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        spinner.setAdapter(adapter);

        spinner.setPrompt("test");

        spinner.setSelection(0, true);

        spinner.setOnItemSelectedListener(new SpinnerOnSelectedListener());

    }

2.自定义Spinner的Layout，替换掉体统默认的android.R.layout.simple_spinner_item
super easy
my_spinner_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent" 

    android:layout_height="wrap_content"

    android:textSize="12dip" 

    android:textColor="#FF8B1500" 

    android:gravity="center" /> 

修改adapter：

ArrayAdapter<String> adapter = new ArrayAdapter<String>(

                this,  R.layout.my_spinner_item,

                phones);
同理，可自定义layout，替换掉android.R.layout.simple_spinner_dropdown_item

3.同时显示图片和文本
自定义Adapter：

package com.yinger;

import android.content.Context;
import android.graphics.Color;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**

 * 自定义Adapter

 * @author Yinger

 * @time 2011-7-9 下午03:39:34

 * @mail melody.crazycoding@gmail.com

 */
public class MyAdapter extends BaseAdapter {

    private Context ctx;

    private int drawableIDs[];

    private int stringIDs[];

    public MyAdapter(Context ctx, int DrawableIDs[], int StringIDs[])

    {

        this.ctx = ctx;

        this.drawableIDs = DrawableIDs;

        this.stringIDs = StringIDs;

    }

    public int getCount() {

        // TODO Auto-generated method stub
        return drawableIDs.length ; 

    }

    public Object getItem(int position) {

        // TODO Auto-generated method stub
        return drawableIDs [position]; 

    }

    public long getItemId(int position) {

        // TODO Auto-generated method stub
        return position;

    }

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

        // TODO Auto-generated method stub
        LinearLayout ll = new LinearLayout( ctx ); 

        ll.setOrientation(LinearLayout. HORIZONTAL ); 

        ll.setGravity(Gravity. CENTER_VERTICAL ); 

        ImageView iv = new ImageView( ctx ); 

        iv.setImageResource( drawableIDs [position]); 

        iv.setLayoutParams( new ViewGroup.LayoutParams(100, 40)); 

        ll.addView(iv);                     

        TextView tv = new TextView( ctx ); 

        tv.setText( stringIDs [position]); 

        tv.setTextSize(14); 

        tv.setTextColor(Color.BLUE ); 

        ll.addView(tv); 

        return ll; 

    }

}

修改initMySpinner方法：

private void initMySpinner() {

        int[] phonePics = {R.drawable.apple,R.drawable.android,R.drawable.blackberry};

        int[] phones = {   R.string.iphone, R.string.android,  R.string.blackberry};

        

        MyAdapter adapter = new MyAdapter(this,phonePics,phones);

        spinner.setAdapter(adapter);

        spinner.setPrompt("test");

        spinner.setSelection(0, true);

    }
运行结果截图：



OK，但使用自定义的Adapter，我们如何来获取选中的文本信息呢？
在MyAdapter中，修改getView方法，添加黄色区域代码如下：

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

        // TODO Auto-generated method stub
        LinearLayout ll = new LinearLayout( ctx ); 

        ll.setOrientation(LinearLayout. HORIZONTAL ); 

        ll.setGravity(Gravity. CENTER_VERTICAL ); 

        ImageView iv = new ImageView( ctx ); 

        iv.setImageResource( drawableIDs [position]); 

        iv.setLayoutParams( new ViewGroup.LayoutParams(100, 40)); 

        ll.addView(iv);                     

        TextView tv = new TextView( ctx ); 

        tv.setText( stringIDs [position]); 

        tv.setTextSize(14); 

        tv.setTextColor(Color.BLUE ); 

        tv.setTag( "tagTextView" );        

        ll.addView(tv); 

        return ll; 

    }

重写事件中的onItemSelected方法：

// TODO Auto-generated method stub
        public void onItemSelected(AdapterView<?> adapterView, View view, int position,

                long id) {

            if(adapterView.getId() == R.id.mySpinner)

            {

                LinearLayout ll = (LinearLayout)view; 

                TextView tv = (TextView)ll.findViewWithTag( "tagTextView" ); 

                String str = (String)tv.getText(); 

                System.out.println("selected===========>" + str);

            }

        }

最后，别忘了注册该事件。=。=