Android 自定義 spinner (背景、字型顏色)

轉自：http://blog.sina.com.cn/s/blog_3e333c4a010151cj.html

1、準備兩張圖片，並做好9.png

2、在drawable中定義spinner_selector.xml

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

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:state_pressed="true"   

        android:drawable="@drawable/spinner_press" /><!--按下時效果-->  

    <item android:state_pressed="false"   

        android:drawable="@drawable/spinner" /><!--預設效果-->   

</selector>

3、style中定義

    <!-- spinner -->

    <style name="spinner_style">

    <item name="android:background">@drawable/spinner_selector</item>

    <item name="android:paddingLeft">5dip</item>

    </style>

4、呼叫

<Spinner

    android:id="@+id/field_item_spinner_content"

    style="@style/spinner_style"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:animationCache="true"

    android:drawSelectorOnTop="true" />

5、在layout中定義simple_spinner_item.xml

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

<CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android" 

    android:id="@android:id/text1"

    android:paddingLeft="5dip"

    android:paddingRight="5dip"

    android:gravity="center_vertical"

    android:textColor="#808080"

    android:singleLine="true"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    />

6、java程式碼

ArrayAdapter<String> adapter = new ArrayAdapter<String>(mContext, R.layout.simple_spinner_item);

String level[] = getResources().getStringArray(R.array.affair_level);//資原始檔

for (int i = 0; i < level.length; i++) {

adapter.add(level[i]);

}

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

spinner.setAdapter(adapter);

效果圖

自定義Spinner五步走http://java-admin.iteye.com/blog/716957

在Android的UI開發中，Spinner(下拉列表)總是可以用到的，一個簡單的自定義Spinner製作我們只需要記住這重要的五步，一個Spinner就可以應用而生了。

(1)新建一個Android工程，名字為SpinnerTest1。修改layout下的main.xml，新增一個Textview和一個Spinner，檔案內容如下：

Xml程式碼

1. <? xml   version = "1.0"   encoding = "utf-8" ?>   
2. < LinearLayout   
3.     android:id = "@+id/widget28"   
4.     android:layout_width = "fill_parent"   
5.     android:layout_height = "fill_parent"   
6.     android:orientation = "vertical"   
7.     xmlns:android = "http://schemas.android.com/apk/res/android"   >   
8.     < TextView   
9.         android:id = "@+id/TextView_Show"   
10.         android:layout_width = "fill_parent"   
11.         android:layout_height = "wrap_content"   
12.         android:text = "你選擇的是"   
13.         android:textSize = "25sp" >   
14.     </ TextView >   
15.     < Spinner   
16.         android:id = "@+id/spinner_City"   
17.         android:layout_width = "fill_parent"   
18.         android:layout_height = "wrap_content" >   
19.     </ Spinner > <!-- 定義一個下拉選單-->   
20. </ LinearLayout >   

Xml程式碼  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3.     android:id="@+id/widget28"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     android:orientation="vertical"  
7.     xmlns:android="http://schemas.android.com/apk/res/android" >  
8.     <TextView  
9.         android:id="@+id/TextView_Show"  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="wrap_content"  
12.         android:text="你選擇的是"  
13.         android:textSize="25sp">  
14.     </TextView>  
15.     <Spinner  
16.         android:id="@+id/spinner_City"  
17.         android:layout_width="fill_parent"  
18.         android:layout_height="wrap_content">  
19.     </Spinner><!-- 定義一個下拉選單-->  
20. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	android:id="@+id/widget28"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="vertical"
	xmlns:android="http://schemas.android.com/apk/res/android" >
	<TextView
		android:id="@+id/TextView_Show"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:text="你選擇的是"
		android:textSize="25sp">
	</TextView>
	<Spinner
		android:id="@+id/spinner_City"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content">
	</Spinner><!-- 定義一個下拉選單-->
</LinearLayout>

 (2)修改你的SpinnerTest1類，在這裡我們就要記住五步 來自定義一個Spinner了，完整程式碼及五步註釋如下：

Java程式碼

1. package  com.xtlh.spinner;  
2.   
3. import  java.util.ArrayList;  
4. import  java.util.List;  
5.   
6. import  android.app.Activity;  
7. import  android.os.Bundle;  
8. import  android.view.MotionEvent;  
9. import  android.view.View;  
10. import  android.view.View.OnTouchListener;  
11. import  android.view.animation.Animation;  
12. import  android.view.animation.AnimationUtils;  
13. import  android.widget.AdapterView;  
14. import  android.widget.ArrayAdapter;  
15. import  android.widget.Spinner;  
16. import  android.widget.TextView;  
17.   
18. public   class  SpinnerTest1  extends  Activity {  
19.     /** Called when the activity is first created. */   
20.     private  List<String> list =  new  ArrayList<String>();  
21.     private  TextView myTextView;  
22.     private  Spinner mySpinner;  
23.     private  ArrayAdapter<String> adapter;  
24.     private  Animation myAnimation;  
25.     @Override   
26.     public   void  onCreate(Bundle savedInstanceState) {  
27.         super .onCreate(savedInstanceState);  
28.         setContentView(R.layout.main);  
29.         //第一步：新增一個下拉列表項的list，這裡新增的項就是下拉列表的選單項   
30.         list.add("北京" );  
31.         list.add("上海" );  
32.         list.add("深圳" );  
33.         list.add("南京" );  
34.         list.add("重慶" );  
35.         myTextView = (TextView)findViewById(R.id.TextView_Show);  
36.         mySpinner = (Spinner)findViewById(R.id.spinner_City);  
37.         //第二步：為下拉列表定義一個介面卡，這裡就用到裡前面定義的list。   
38.         adapter = new  ArrayAdapter<String>( this ,android.R.layout.simple_spinner_item, list);  
39.         //第三步：為介面卡設定下拉列表下拉時的選單樣式。   
40.         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  
41.         //第四步：將介面卡新增到下拉列表上   
42.         mySpinner.setAdapter(adapter);  
43.         //第五步：為下拉列表設定各種事件的響應，這個事響應選單被選中   
44.         mySpinner.setOnItemSelectedListener(new  Spinner.OnItemSelectedListener(){  
45.             public   void  onItemSelected(AdapterView<?> arg0, View arg1,  int  arg2,  long  arg3) {  
46.                 // TODO Auto-generated method stub   
47.                 /* 將所選mySpinner 的值帶入myTextView 中*/   
48.                 myTextView.setText("您選擇的是：" + adapter.getItem(arg2));  
49.                 /* 將mySpinner 顯示*/   
50.                 arg0.setVisibility(View.VISIBLE);  
51.             }  
52.             public   void  onNothingSelected(AdapterView<?> arg0) {  
53.                 // TODO Auto-generated method stub   
54.                 myTextView.setText("NONE" );  
55.                 arg0.setVisibility(View.VISIBLE);  
56.             }  
57.         });  
58.         /*下拉選單彈出的內容選項觸屏事件處理*/   
59.         mySpinner.setOnTouchListener(new  Spinner.OnTouchListener(){  
60.             public   boolean  onTouch(View v, MotionEvent event) {  
61.                 // TODO Auto-generated method stub   
62.                 /* 將mySpinner 隱藏，不隱藏也可以，看自己愛好*/   
63.                 v.setVisibility(View.INVISIBLE);  
64.                 return   false ;  
65.             }  
66.         });  
67.         /*下拉選單彈出的內容選項焦點改變事件處理*/   
68.         mySpinner.setOnFocusChangeListener(new  Spinner.OnFocusChangeListener(){  
69.         public   void  onFocusChange(View v,  boolean  hasFocus) {  
70.         // TODO Auto-generated method stub   
71.             v.setVisibility(View.VISIBLE);  
72.         }  
73.         });  
74.     }  
75. }  

記住這五步後，一個Spinner就Ok了，其中在為Spinner的介面卡設定下拉時的選單樣式時，我們可以自定義自己的樣式，如果嫌麻煩，就直接用android.R.layout的，就如下面這樣。
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
效果圖如下：

http://sinye.iteye.com/blog/627023