Android Spinner


在Android中,可以使用“android.widget.Spinner”類來呈現一個下拉框,選擇列表。

註:
類似於用於選擇項的下拉選單中選擇一個小部件(類似於HTML的Select)

在本教學中,我們將介紹如何執行以下任務:

  1. 渲染一個Spinner在XML,並通過載入XML檔案以及選擇項。
  2. 呈現另一種Spinner的XML,並通過程式碼動態載入的選擇項。
  3. 附上關於Spinner監聽器,監聽當使用者選擇Spinner的值。
  4. 渲染和附加一個監聽器在一個正常的按鈕,如果使用者點選它觸發顯示微調的選定值。

1. Spinner的項列表

開啟“res/values/strings.xml” 檔案,定義將在Spinner(下拉選單)顯示的專案列表。

檔案 : res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 
    <string name="app_name">選擇一個國家</string>
    <string name="country_prompt">Choose a country</string>
 
    <string-array name="country_arrays">
        <item>China</item>
        <item>United States</item>
        <item>Indonesia</item>
        <item>France</item>
        <item>Italy</item>
        <item>Singapore</item>
        <item>New Zealand</item>
        <item>India</item>
    </string-array>
 
</resources>

2. Spinner (下拉選單)

開啟 “res/layout/main.xml” 檔案,新增兩個spinner 元件和一個按鈕。

  1. 在“spinner1″, “android:entries” 代表 spinner 的選擇專案。
  2. 在“spinner2”,選擇專案將在後面的程式碼中定義。

檔案: res/layout/main.xml

<?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" >
 
    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/country_arrays"
        android:prompt="@string/country_prompt" />
 
    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
 
    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Submit" />
 
</LinearLayout>

3. 程式碼

閱讀程式碼以及程式碼的註釋,應該是很容易理解的。

檔案: MyAndroidAppActivity.java

package com.yiibai.spinnerdemo;
 
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.Toast;
 
public class MyAndroidAppActivity extends Activity {
 
  private Spinner spinner1, spinner2;
  private Button btnSubmit;
 
  @Override
  public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.main);
 
	addItemsOnSpinner2();
	addListenerOnButton();
	addListenerOnSpinnerItemSelection();
  }
 
  // add items into spinner dynamically
  public void addItemsOnSpinner2() {
 
	spinner2 = (Spinner) findViewById(R.id.spinner2);
	List<String> list = new ArrayList<String>();
	list.add("list 1");
	list.add("list 2");
	list.add("list 3");
	ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this,
		android.R.layout.simple_spinner_item, list);
	dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
	spinner2.setAdapter(dataAdapter);
  }
 
  public void addListenerOnSpinnerItemSelection() {
	spinner1 = (Spinner) findViewById(R.id.spinner1);
	spinner1.setOnItemSelectedListener(new CustomOnItemSelectedListener());
  }
 
  // get the selected dropdown list value
  public void addListenerOnButton() {
 
	spinner1 = (Spinner) findViewById(R.id.spinner1);
	spinner2 = (Spinner) findViewById(R.id.spinner2);
	btnSubmit = (Button) findViewById(R.id.btnSubmit);
 
	btnSubmit.setOnClickListener(new OnClickListener() {
 
	  @Override
	  public void onClick(View v) {
 
	    Toast.makeText(MyAndroidAppActivity.this,
		"OnClickListener : " + 
                "
Spinner 1 : "+ String.valueOf(spinner1.getSelectedItem()) + 
                "
Spinner 2 : "+ String.valueOf(spinner2.getSelectedItem()),
			Toast.LENGTH_SHORT).show();
	  }
 
	});
  }
}

檔案: CustomOnItemSelectedListener.java

package com.yiibai.spinnerdemo;
 
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Toast;
 
public class CustomOnItemSelectedListener implements OnItemSelectedListener {
 
  public void onItemSelected(AdapterView<?> parent, View view, int pos,long id) {
	Toast.makeText(parent.getContext(), 
		"OnItemSelectedListener : " + parent.getItemAtPosition(pos).toString(),
		Toast.LENGTH_SHORT).show();
  }
 
  @Override
  public void onNothingSelected(AdapterView<?> arg0) {
	// TODO Auto-generated method stub
  }
 
}

4. 範例

執行該應用程式。

1. 結果,顯示兩個spinner:



2. 從spinner1選擇“France”,專案選擇監聽器被觸發:


3. 從 spinner2 選擇 “list2”,並點選提交按鈕: 




程式碼下載地址:http://pan.baidu.com/s/1dD3ZzvN