Android 之 下拉框(Spinner)的使用

 下拉式清單 Spinner。

Spinner的使用，可以極大提高使用者的體驗性。當需要使用者選擇的時候，可以提供一個下拉式清單將所有可選的項列出來。供使用者選擇。

Demo如下，可以留作參考

一、使用數組作為資料來源

1.建立一個android的工程
2.工程的layout.xml檔案如下：聲明一個TextView控制項和一個Spinner控制項 Xml代碼
 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3.   xmlns:android="http://schemas.android.com/apk/res/android"  
4.   android:layout_width="fill_parent"  
5.   android:layout_height="fill_parent"  
6.   android:orientation="vertical"  
7.   >  
8.   <TextView android:id="@+id/spinnerText"  
9.             android:layout_width="fill_parent"    
10.             android:layout_height="wrap_content"></TextView>  
11.   <Spinner android:id="@+id/Spinner01"    
12.            android:layout_width="fill_parent"  
13.            android:layout_height="wrap_content"></Spinner>  
14. </LinearLayout>  

<?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:orientation="vertical"  >  <TextView android:id="@+id/spinnerText"  android:layout_width="fill_parent"   android:layout_height="wrap_content"></TextView>  <Spinner android:id="@+id/Spinner01"            android:layout_width="fill_parent"           android:layout_height="wrap_content"></Spinner></LinearLayout>

3.java代碼 Java代碼
 

1. import android.app.Activity;   
2. import android.os.Bundle;   
3. import android.view.View;   
4. import android.widget.AdapterView;   
5. import android.widget.AdapterView.OnItemSelectedListener;   
6. import android.widget.ArrayAdapter;   
7. import android.widget.Spinner;   
8. import android.widget.TextView;   
9.   
10. public class SpinnerActivity extends Activity {   
11.        
12.     private static final String[] m={"A型","B型","O型","AB型","其他"};
      
13.     private TextView view ;   
14.     private Spinner spinner;   
15.     private ArrayAdapter<String> adapter;   
16.     @Override  
17.     protected void onCreate(Bundle savedInstanceState) {   
18.         // TODO Auto-generated method stub
      
19.         super.onCreate(savedInstanceState);   
20.         setContentView(R.layout.spinner);   
21.            
22.         view = (TextView) findViewById(R.id.spinnerText);   
23.         spinner = (Spinner) findViewById(R.id.Spinner01);   
24.         //將可選內容與ArrayAdapter串連起來   
25.         adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,m);   
26.            
27.         //設定下拉式清單的風格   
28.         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);   
29.            
30.         //將adapter 添加到spinner中   
31.         spinner.setAdapter(adapter);   
32.            
33.         //添加事件Spinner事件監聽     
34.         spinner.setOnItemSelectedListener(new SpinnerSelectedListener());   
35.            
36.         //設定預設值   
37.         spinner.setVisibility(View.VISIBLE);   
38.            
39.     }   
40.        
41.     //使用數組形式操作   
42.     class SpinnerSelectedListener implements OnItemSelectedListener{   
43.   
44.         public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,   
45.                 long arg3) {   
46.             view.setText("你的血型是："+m[arg2]);   
47.         }   
48.   
49.         public void onNothingSelected(AdapterView<?> arg0) {   
50.         }   
51.     }   
52. }  

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.ArrayAdapter;import android.widget.Spinner;import android.widget.TextView;public class SpinnerActivity extends Activity {private static final String[] m={"A型","B型","O型","AB型","其他"};private TextView view ;private Spinner spinner;private ArrayAdapter<String> adapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.spinner);view = (TextView) findViewById(R.id.spinnerText);spinner = (Spinner) findViewById(R.id.Spinner01);//將可選內容與ArrayAdapter串連起來adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,m);//設定下拉式清單的風格adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);//將adapter 添加到spinner中spinner.setAdapter(adapter);//添加事件Spinner事件監聽  spinner.setOnItemSelectedListener(new SpinnerSelectedListener());//設定預設值spinner.setVisibility(View.VISIBLE);}//使用數組形式操作class SpinnerSelectedListener implements OnItemSelectedListener{public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,long arg3) {view.setText("你的血型是："+m[arg2]);}public void onNothingSelected(AdapterView<?> arg0) {}}}

4、運行效果如下：

二、使用XML作為資料來源
1.建立一個android的工程
2.在values檔案夾下建立一個arryas.xml檔案：聲明一個TextView控制項和一個Spinner控制項，代碼如下： Xml代碼
 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <string-array name="plantes">  
4.         <item>NOKIA</item>  
5.         <item>MOTO</item>  
6.         <item>HTC</item>  
7.         <item>LG</item>  
8.         <item>其他</item>  
9.     </string-array>  
10. </resources>  

<?xml version="1.0" encoding="utf-8"?><resources><string-array name="plantes"><item>NOKIA</item><item>MOTO</item><item>HTC</item><item>LG</item><item>其他</item></string-array></resources>

3.java代碼 Java代碼
 

1. import android.app.Activity;   
2. import android.os.Bundle;   
3. import android.view.View;   
4. import android.widget.AdapterView;   
5. import android.widget.AdapterView.OnItemSelectedListener;   
6. import android.widget.ArrayAdapter;   
7. import android.widget.Spinner;   
8. import android.widget.TextView;   
9.   
10. public class SpinnerActivity extends Activity {   
11.        
12.     private TextView view2;   
13.     private Spinner spinner2;   
14.     private ArrayAdapter adapter2;   
15.   
16.     @Override  
17.     protected void onCreate(Bundle savedInstanceState) {   
18.         // TODO Auto-generated method stub
      
19.         super.onCreate(savedInstanceState);   
20.         setContentView(R.layout.spinner);   
21.   
22.         spinner2 = (Spinner) findViewById(R.id.spinner02);   
23.         view2 = (TextView) findViewById(R.id.spinnerText02);   
24.   
25.         //將可選內容與ArrayAdapter串連起來   
26.         adapter2 = ArrayAdapter.createFromResource(this, R.array.plantes, android.R.layout.simple_spinner_item);   
27.   
28.         //設定下拉式清單的風格    
29.  adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);   
30.   
31.         //將adapter2 添加到spinner中   
32.         spinner2.setAdapter(adapter2);   
33.   
34.         //添加事件Spinner事件監聽     
35.         spinner2.setOnItemSelectedListener(new SpinnerXMLSelectedListener());   
36.   
37.         //設定預設值   
38.         spinner2.setVisibility(View.VISIBLE);   
39.            
40.     }   
41.        
42.     //使用XML形式操作   
43.     class SpinnerXMLSelectedListener implements OnItemSelectedListener{   
44.         public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,   
45.                 long arg3) {   
46.             view2.setText("你使用什麼樣的手機："+adapter2.getItem(arg2));   
47.         }   
48.   
49.         public void onNothingSelected(AdapterView<?> arg0) {   
50.                
51.         }   
52.            
53.     }   
54. }  

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.ArrayAdapter;import android.widget.Spinner;import android.widget.TextView;public class SpinnerActivity extends Activity {private TextView view2;private Spinner spinner2;private ArrayAdapter adapter2;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.spinner);spinner2 = (Spinner) findViewById(R.id.spinner02);view2 = (TextView) findViewById(R.id.spinnerText02);//將可選內容與ArrayAdapter串連起來adapter2 = ArrayAdapter.createFromResource(this, R.array.plantes, android.R.layout.simple_spinner_item);//設定下拉式清單的風格 adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);//將adapter2 添加到spinner中spinner2.setAdapter(adapter2);//添加事件Spinner事件監聽  spinner2.setOnItemSelectedListener(new SpinnerXMLSelectedListener());//設定預設值spinner2.setVisibility(View.VISIBLE);}//使用XML形式操作class SpinnerXMLSelectedListener implements OnItemSelectedListener{public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,long arg3) {view2.setText("你使用什麼樣的手機："+adapter2.getItem(arg2));}public void onNothingSelected(AdapterView<?> arg0) {}}}

4、運行效果如下：