最初からのAndroid開発 View(画面部品) No.9 Spinner

この記事は、最初からのAndroid開発という名前ですが、全くの初心者は対象としていません。Java言語を知っていて、Androidの入門書で簡単なアプリを作ったことがあるような人を対象としています。
この記事は、Androidの昔書いた記事のまとめの焼き直しです。

記事共通の話は次のページにまとめています。合わせてご確認ください。

最初からのAndroid開発 共通の話
最初からのAndroid開発まとめこの記事は、最初からのAndroid開発という名前ですが、全くの初心者は対象としていません。Java言語を知っていて、Androidの入門書で簡単なアプリを作ったことがあるような人を対象としています。この記

この記事の完全なソースコードは次のリポジトリのView09にあります。

webarata3/begin_Android
最初からのAndroid開発. Contribute to webarata3/begin_Android development by creating an account on GitHub.

Spinner

Spinnerはドロップダウンリストになります。

今回のプログラム

MainActivity.java

package com.example.view09;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Spinner spinner1 = (Spinner) findViewById(R.id.spinner1);
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this,
                R.array.test_array, android.R.layout.simple_spinner_item);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner1.setAdapter(adapter);

        spinner1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this,
                        "選択されたのは" + parent.getItemAtPosition(position),
                        Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {
            }
        });

        Spinner spinner2 = (Spinner) findViewById(R.id.spinner2);
        spinner2.setAdapter(adapter);

    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spinnerMode="dropdown"
        android:prompt="@string/test_prompt" />

    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spinnerMode="dialog"
        android:prompt="@string/test_prompt" />

</LinearLayout>

strings.xml

<resources>
    <string name="app_name">View09</string>

    <string name="test_prompt">なにか選択してください</string>

    <string-array name="test_array">
        <item>あいうえお</item>
        <item>かきくけこ</item>
        <item>さしすせそ</item>
        <item>たちつてと</item>
        <item>なにぬねの</item>
        <item>はひふへほ</item>
        <item>まみむめも</item>
        <item>や ゆ よ</item>
        <item>らりるれろ</item>
        <item>わをん  </item>
    </string-array>
</resources>

実行結果

設定方法

Spinnerには、一覧をドロップダウンリストとして表示する方法と、ダイアログとして表示する方法の2種類があります。

ドロップダウンリストとして表示するには、android:spinnerMode属性をdropdownにします。

ダイアログに場合には、android:spinnerMode属性をdaialogにします。

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spinnerMode="dropdown"
        android:prompt="@string/test_prompt" />

    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spinnerMode="dialog"
        android:prompt="@string/test_prompt" />

ダイアログの場合には、ダイアログのタイトルに表示する文字列をandroid:prompt属性で指定できます。

Spinnerの選択肢は、最初にStringの配列をリソース等で用意します。

<string-array name="test_array">
    <item>あいうえお</item>
    <item>かきくけこ</item>
    <item>さしすせそ</item>
    <item>たちつてと</item>
    <item>なにぬねの</item>
    <item>はひふへほ</item>
    <item>まみむめも</item>
    <item>や ゆ よ</item>
    <item>らりるれろ</item>
    <item>わをん  </item>
</string-array>

それを、Java側でSpinnerに割り当てます。

Spinner spinner1 = (Spinner) findViewById(R.id.spinner1);
ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this,
        R.array.test_array, android.R.layout.simple_spinner_item);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinner1.setAdapter(adapter);

選択された値の取得

Java側でSpinnerで選択された場所を取得するためには、AdapterView.OnItemSelectedListenerを実装します。

spinner1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(MainActivity.this,
                "選択されたのは" + parent.getItemAtPosition(position),
                Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
    }
});

コメント