自定義Android的Spinner

有一個關于Spinner擴展的問題，問題是，怎么把彈出來的菜單自定義。當然，書上是沒有告訴你的，它們壓根就不知道那個和ArrayAdapter相關的兩個layout關聯到底是什么回事說清楚，就這么列了個代碼就算了。

而自定義Spinner則是和這兩個layout有關，ArrayAdapter中初始化的那個layout，是用來渲染spinner被選擇的item的樣式，而setDropDownResource這個layout，則是彈出框時用的item樣式。也就是說，這個spinner使用了兩個列表，只不過第一個列表只是顯示了一行而已。

下面列個代碼，大家仔細看就明白了。

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:padding="10dip">

    <ImageView android:id="@+id/icon"
               android:src="@drawable/tick"
               android:layout_marginRight="10dip"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:visibility="invisible"/>

    <TextView android:id="@+id/label"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_toRightOf="@id/icon"
              android:textColor="#000000"
              android:textSize="22dip"/>
</LinearLayout>

public class CustomSpinnerActivity extends Activity {
    public Spinner spinner;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.ch07_custom_spinner);

        Resources res = getResources();
        CharSequence[] platforms = res.getTextArray(R.array.platforms);

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

        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_spinner_item, platforms) {
            @Override
            public View getDropDownView(int position, View convertView, ViewGroup parent) {
                View view = getLayoutInflater().inflate(R.layout.ch07_custom_spinner_item, parent, false);

                TextView label = (TextView) view.findViewById(R.id.label);
                label.setText(getItem(position));

                if (spinner.getSelectedItemPosition() == position) {
                    label.setTextColor(getResources().getColor(R.color.selected_fg));
                    view.setBackgroundColor(getResources().getColor(R.color.selected_bg));
                    view.findViewById(R.id.icon).setVisibility(View.VISIBLE);
                }

                return view;
            }
        };
        spinner.setAdapter(adapter);
    }

}