Android零基礎入門第46節：下拉框Spinner

標籤：sea   cdb   事件處理   點擊   dial   公眾號   系統   simple   修改   

   上一期學習了GridView的使用，你已經掌握了嗎？本期一起來學習Spinner的使用。

 

 

一、認識Spinner

 

    Spinner其實就是一個列表選擇框。不過Android的列表選擇框並不需要顯示下拉式清單，而是相當於彈出一個菜單供使用者選擇。

    Spinner 與 Gallery 都繼承了AbsSpinner，AbsSpinner 繼承了AdapterView，因此它也表現出AdapterView的特徵：只要為AdapterView提供Adapter即可。

    Spinner支援的常用XML屬性及相關方法如下表所示。

    如果開發人員使用Spinner時己經可以確定列表選擇框裡的清單項目，則完全不需要編寫代碼，只要為Spinner指定android:entries屬性即可讓Spinner正常工作；如果程式需要在運行時動態 地決定Spinner的清單項目，或者程式需要對Spinner的清單項目進行定製，則可使用Adapter為 Spinner提供清單項目。

 

 

二、Spinner樣本

 

    接下來通過一個簡單的樣本程式來學習Spinner的使用方法。

    繼續使用WidgetSample工程的listviewsample模組，在app/main/res/layout/目錄下建立spinner_layout.xml檔案，在其中填充如下程式碼片段：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:layout_width="match_parent"              android:layout_height="match_parent"              android:orientation="vertical"              android:padding="5dp" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="選擇專業方向"        android:textColor="#44BDED"        android:textSize="18sp" />    <Spinner        android:id="@+id/spin_one"        android:layout_width="100dp"        android:layout_height="64dp"        android:entries="@array/professionals"        android:spinnerMode="dialog" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="10dp"        android:text="選擇教科書"        android:textColor="#F5684A"        android:textSize="18sp" />    <Spinner        android:id="@+id/spin_two"        android:layout_width="wrap_content"        android:layout_height="64dp" /></LinearLayout>

    在res/values/目錄下建立arrays.xml檔案，定義professionals數組資源，如下：

<?xml version="1.0" encoding="utf-8"?><resources>    <string-array name="professionals">        <item>Android</item>        <item>Java</item>        <item>Python</item>        <item>PHP</item>        <item>.Net</item>        <item>C++</item>        <item>C</item>    </string-array></resources>

    接下來為Spinner提供Adapter。建立SpinnerActivity.java檔案，載入上面建立的布局檔案，具體代碼如下：

package com.jinyu.cqkxzsxy.android.listviewsample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.AdapterView;import android.widget.ArrayAdapter;import android.widget.Spinner;import android.widget.Toast;public class SpinnerActivity extends AppCompatActivity        implements AdapterView.OnItemSelectedListener {    private Spinner mProSpinner = null;    private Spinner mBookSpinner = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.spinner_layout);        // 擷取介面布局檔案中的Spinner組件        mProSpinner = (Spinner) findViewById(R.id.spin_one);        mBookSpinner = (Spinner) findViewById(R.id.spin_two);        String[] arr = { "初識Android開發", "Android初識開發", "Android中級開發",                "Android進階開發", "Android開發進階"};        // 建立ArrayAdapter對象        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,                android.R.layout.simple_list_item_1, arr);        // 為Spinner設定Adapter        mBookSpinner.setAdapter(adapter);        // 為Spinner設定選中事件監聽器        mProSpinner.setOnItemSelectedListener(this);        mBookSpinner.setOnItemSelectedListener(this);    }    @Override    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {        String content = parent.getItemAtPosition(position).toString();        switch (parent.getId()){            case R.id.spin_one:                Toast.makeText(SpinnerActivity.this, "選擇的專業是：" + content,                        Toast.LENGTH_SHORT).show();                break;            case R.id.spin_two:                Toast.makeText(SpinnerActivity.this, "選擇的教材是：" + content,                        Toast.LENGTH_SHORT).show();                break;            default:                break;        }    }    @Override    public void onNothingSelected(AdapterView<?> adapterView) {    }}

    上面的程式比較簡單，主要為Spinner 設定了選中設定監聽器。

    修改程式啟動的Activity，運行程式，可以看到所示介面效果。

    點擊第一個Spinner ，彈出選擇對話方塊，如所示。選擇其中一項回到主介面，發現Spinner 的值會改變為所選擇的內容。

    同理點擊第二個Spinner ，開啟下拉式清單選項框，如所示。

    Gallery與Spinner組件有共同的父類：AbsSpinner，表明Gallery和Spinner都是一個列表選擇框。它們之間的區別在於，Spinner顯示的是一個垂直的列表選擇框，而Gallery顯示的是一個水平的列表選擇框。 Gallery與Spinner還有一個區別：Spinner的作用是供使用者選擇，而Gallery則允許使用者通過拖動來查看上一個、下一個清單項目。

    Gallery本身的用法非常簡單——基本上與Spinner的用法相似，只要為它提供一個內容 Adapter即可，該Adapter的getView()方法所返回的View將作為Gallery列表的清單項目。如果程式需要監控到Gallery選擇項的改變，通過為Gallery添加OnltemSelectedListener監聽器即可實現。

    Android已經不再推薦使用Gallery組件，而是推薦使用其他水平滾動組件，如HorizontalScrollView和ViewPager來代替Gallery組件，所以此處不做過多講解。

 

    今天就先到這裡，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論群，共同成長！

   此文章著作權為公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯絡作者授權，特此聲明！

 

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕鬆邂逅女神

Android零基礎入門第6節：配置最佳化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio介面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置最佳化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android使用者介面開發概述

Android零基礎入門第17節：TextView屬性和方法大全

Android零基礎入門第18節：EditText的屬性和使用方法

Android零基礎入門第19節：Button使用詳解

Android零基礎入門第20節：CheckBox和RadioButton使用大全

Android零基礎入門第21節：ToggleButton和Switch使用大全

Android零基礎入門第22節：ImageView的屬性和方法大全

Android零基礎入門第23節：ImageButton和ZoomButton使用大全

Android零基礎入門第24節：自訂View簡單使用，打造屬於你的控制項

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕鬆掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格版面配置

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自訂欄表項

Android零基礎入門第40節：自訂ArrayAdapter

Android零基礎入門第41節：使用SimpleAdapter

Android零基礎入門第42節：自訂BaseAdapter

Android零基礎入門第43節：ListView最佳化和列表首尾使用

Android零基礎入門第44節：ListView資料動態更新

Android零基礎入門第45節：網格視圖GridView

Android零基礎入門第46節：下拉框Spinner