Android下拉選單(spinner)應用(三) - 連動式下拉選單

因為有人問我怎麼做連動式下拉選單

所以就再寫這篇文章說明怎麼做連動式下拉選單好了

連動式下拉選單也是蠻常用的一個功能，比如縣市選擇....等

下面就貼上程式碼直接實作：

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF"
    >
    <Spinner android:id="@+id/type" 
        android:layout_width="fill_parent" 
          android:layout_height="45dp"
          android:layout_marginLeft="75dp"
          android:layout_marginRight="20dp"
        android:layout_marginTop="7dp" 
         android:drawSelectorOnTop="true"
         android:layout_alignParentRight="true" 
    />
       <Spinner android:id="@+id/type2" 
        android:layout_width="fill_parent" 
          android:layout_height="45dp"
          android:layout_marginLeft="75dp"
          android:layout_marginRight="20dp"
          android:layout_marginTop="3dp" 
         android:drawSelectorOnTop="true"
         android:layout_alignParentRight="true" 
         android:layout_below="@id/type" 
         />
      
</RelativeLayout>

DoubleSpinnerActivity

package jim.demo.DoubleSpinner;

import android.app.Activity;
import android.content.Context;
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;

public class DoubleSpinnerActivity extends Activity {
    
  private String[] type = new String[] {"茶類", "果汁類"};
  private String[] tea = new String[]{"紅茶","綠茶","烏龍綠","青茶"};
  private String[][] type2 = new String[][]{{"紅茶","綠茶","烏龍綠","青茶"},{"柳丁汁","西瓜汁","烏梅汁"}};
  private Spinner sp;//第一個下拉選單
  private Spinner sp2;//第二個下拉選單
  private Context context;

     ArrayAdapter<String> adapter ;

     ArrayAdapter<String> adapter2; 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        context = this;
        
        //程式剛啟始時載入第一個下拉選單
        adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item, type); 
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); 
        sp = (Spinner) findViewById(R.id.type); 
        sp.setAdapter(adapter);
        sp.setOnItemSelectedListener(selectListener);
        
        //因為下拉選單第一個為茶類，所以先載入茶類群組進第二個下拉選單
        adapter2 = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item, tea); 
        adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); 
        sp2 = (Spinner) findViewById(R.id.type2);
        sp2.setAdapter(adapter2);
    }
    
    //第一個下拉類別的監看式
    private OnItemSelectedListener selectListener = new OnItemSelectedListener(){
        public void onItemSelected(AdapterView<?> parent, View v, int position,long id){
         //讀取第一個下拉選單是選擇第幾個
            int pos = sp.getSelectedItemPosition();
            //重新產生新的Adapter，用的是二維陣列type2[pos]
            adapter2 = new ArrayAdapter<String>(context,android.R.layout.simple_spinner_item, type2[pos]);
            //載入第二個下拉選單Spinner
            sp2.setAdapter(adapter2);
        }
      
        public void onNothingSelected(AdapterView<?> arg0){

        }

    };
}

執行後畫面

起啟畫面

選擇第一個下拉選單

選擇第一個下拉選單後，連動第二個下拉選單

 第二個下拉選單出現不同之內容

說明：

            1.我們在main.xml中拉進二個Spinner做連動式下拉選單

            2.定義三個私有陣列type、 tea、type2

            3.sp第一個下拉選單、sp2第二個下拉選單

            4.adapter第一個下拉選單的資料橋接器、adapter2第二個下拉選單的資料橋接器 

            5.在還沒連動之前(程式起啟)必須為下拉選單給值，所以把type給sp、tea給sp2

               也可以直接用type2[0]就好(程式是死的，人是活的)

            6.選擇第一個下拉選單就會去觸發OnItemSelectedListener重新給sp2資料

後記：

            Spinner下拉選單不過就幾個重點要把握而已

            Spinner本體、Adapter資料橋接器、OnItemSelectedListener動作監看式這三個

            而Spinner時常會使用到Array陣列，所以陣列也需要多了解，就為您介紹到這，謝謝。