Android Spinner – 下拉列表

教學

Android

本教程将带您亲身体验使用Android Spinner作为下拉菜单，使用Android Bundle传递数据，并使用Android Toast显示弹出通知。我们将创建一个Android应用程序，其中包含一个简单的Spinner，允许从下拉列表中选择项目。我们将在Spinner中显示静态数据。从Spinner中选择一个项目将显示一个Toast消息。为了以Bundle的形式在活动之间传递数据，我们将使用一个按钮执行意图，并显示传递到下一个屏幕的数据。

Android Spinner

Android Spinner只是一个下拉列表，类似于其他编程语言中的HTML页面中所见。在Android中，Spinner用于从一组值中选择一个值。在默认状态下，Spinner显示其当前选定的值。触摸Spinner会显示一个下拉菜单，其中包含所有其他可用的值，用户可以从中选择一个新值。Android Spinner与AdapterView相关联。因此，我们需要使用Spinner设置适配器类。

Android 下拉式清單

以下的 XML 檔案顯示了 Android 中典型 Spinner 的佈局，其中包含了一個文本標籤和一個 Spinner 元素標籤。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="10dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    
    <!-- Text Label -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dip"
        android:text="Category:"
        android:layout_marginBottom="5dp"
    />
    
    <!-- Spinner Element -->
    <Spinner 
        android:id="@+id/spinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:prompt="@string/spinner_title"
    />
</LinearLayout>

以下片段顯示了如何在活動類中使用 Spinner。

Spinner spinner = (Spinner) findViewById(R.id.spinner);

讓我們開發一個應用程序，在該應用程序中，我們將選定的值從 Spinner 傳遞到下一個屏幕，同時顯示所選值的 Toast 消息。

Android Spinner 示例項目結構

下面的圖像顯示了 Spinner 示例的 Android Studio 項目。讓我們從 MainActivity 類的佈局開始。我們只需要將按鈕添加到 basic_spinner.xml 文件中。

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <LinearLayout
        android:orientation="vertical"
        android:padding="10dip"
        android:id="@+id/linear_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <!-- Text Label -->
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="Category:"
            android:layout_marginBottom="5dp"
            />

        <!-- Spinner Element -->
        <Spinner
            android:id="@+id/spinner"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:prompt="@string/spinner_title"
            />
    </LinearLayout>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="NEXT"
        android:id="@+id/button"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="137dp" />


</RelativeLayout>

SecondActivity 的佈局如下：

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Empty"
        android:id="@+id/txt_bundle"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="103dp" />
</RelativeLayout>

這是 Android 清單文件。AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="journaldev.com.spinners" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".SecondActivity"/>
    </application>

</manifest>

MainActivity 和 SecondActivity 的 Java 類定義如下。

package journaldev.com.spinners;

import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 選擇元素的旋轉器
        final Spinner spinner = (Spinner) findViewById(R.id.spinner);
        Button button=(Button)findViewById(R.id.button);

        // 旋轉器點擊監聽器
        spinner.setOnItemSelectedListener(this);

        // 旋轉器下拉元素
        List categories = new ArrayList();
        categories.add("Item 1");
        categories.add("Item 2");
        categories.add("Item 3");
        categories.add("Item 4");
        categories.add("Item 5");
        categories.add("Item 6");

        // 為旋轉器創建適配器
        ArrayAdapter dataAdapter = new ArrayAdapter(this, android.R.layout.simple_spinner_item, categories);

        // 下拉佈局風格 - 帶有單選按鈕的列表視圖
        dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // 將數據適配器附加到旋轉器
        spinner.setAdapter(dataAdapter);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent= new Intent(MainActivity.this,SecondActivity.class);
                intent.putExtra("data",String.valueOf(spinner.getSelectedItem()));
                startActivity(intent);
            }
        });
    }

    @Override
    public void onItemSelected(AdapterView parent, View view, int position, long id) {
        // 在選擇旋轉器項目時
        String item = parent.getItemAtPosition(position).toString();

        // 顯示所選的旋轉器項目
        Toast.makeText(parent.getContext(), "Selected: " + item, Toast.LENGTH_LONG).show();

    }

    public void onNothingSelected(AdapterView arg0) {
        // TODO 自動生成的方法存根

    }

}

package journaldev.com.spinners;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class SecondActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.second_activity);

        TextView  textView=(TextView) findViewById(R.id.txt_bundle);
        Bundle bundle=getIntent().getExtras();
        String data=bundle.get("data").toString();
        textView.setText(data);
    }
}

在上面的代码中，当从下拉菜单中选择一个项目时，我们显示了一个toast。当点击按钮时，我们将所选的下拉菜单项作为字符串值传递给下一个活动，使用android bundle。然后从bundle中检索数据，并在TextView中显示出来。简单快捷，不是吗？以下是应用程序的屏幕截图。我在其中一个模拟器上运行它。第一个屏幕显示了打开Spinner时的下拉列表内容。选择一个项目后，会出现Toast通知消息一段时间。一段时间后，toast通知消失，如下图所示。它不会阻止我们点击下一个按钮。最后，在第二个屏幕中，使用Bundle检索下拉列表中选择的项目，并显示在TextView中。以下是我们在模拟器中运行的android spinner示例应用程序的示例运行。目前就这些，我们将在下一篇文章中研究Android ListView。您可以通过以下链接下载Android Spinner，Bundle和Toast示例项目。

下載 Android Spinner、Bundle 和 Toast 範例專案

參考：官方文件

Source:
https://www.digitalocean.com/community/tutorials/android-spinner-drop-down-list