Wie erstellt man einen Android Spinner mit dem Anfangstext "Select One"?

Question

Ich möchte einen Spinner verwenden, der zunächst (wenn der Benutzer noch keine Auswahl getroffen hat) den Text "Select One" anzeigt. Wenn der Benutzer auf den Spinner klickt, wird die Liste der Elemente angezeigt und der Benutzer wählt eine der Optionen aus. Nachdem der Benutzer eine Auswahl getroffen hat, wird das ausgewählte Element im Spinner anstelle von "Select One" angezeigt.

Ich habe den folgenden Code, um einen Spinner zu erstellen:

String[] items = new String[] {"One", "Two", "Three"};
Spinner spinner = (Spinner) findViewById(R.id.mySpinner);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
            android.R.layout.simple_spinner_item, items);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(adapter);

Mit diesem Code wird zunächst das Element "Eins" angezeigt. Ich könnte einfach ein neues Element "Select One" zu den Elementen hinzufügen, aber dann würde "Select One" auch in der Dropdown-Liste als erstes Element angezeigt werden, was ich nicht möchte.

Wie kann ich dieses Problem beheben?

Answer 1

Ich habe viele gute Lösungen für dieses Problem gefunden. Die meisten funktionieren, indem man ein Element am Ende des Adapters hinzufügt und das letzte Element in der Dropdown-Liste nicht anzeigt. Das große Problem für mich war der Spinner Dropdown-Liste wird vom unteren Rand der Liste starten. So Benutzer sehen die letzten Elemente anstelle der ersten Elemente (im Falle von haben viele Elemente zu zeigen), nach Berührung der Spinner zum ersten Mal.

Also setze ich den Hinweis an den Anfang der Liste und blende den ersten Eintrag in der Dropdown-Liste aus.

private void loadSpinner(){

    HintArrayAdapter hintAdapter = new HintArrayAdapter<String>(context, 0);

    hintAdapter.add("Hint to be displayed");
    hintAdapter.add("Item 1");
    hintAdapter.add("Item 2");
            .
            .
    hintAdapter.add("Item 30");

    spinner1.setAdapter(hintAdapter);

    //spinner1.setSelection(0); //display hint. Actually you can ignore it, because the default is already 0
    //spinner1.setSelection(0, false); //use this if don't want to onItemClick called for the hint

    spinner1.setOnItemSelectedListener(yourListener);
}

private class HintArrayAdapter<T> extends ArrayAdapter<T> {

    Context mContext;

    public HintArrayAdapter(Context context, int resource) {
        super(context, resource);
        this.mContext = context
    }

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) {

        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(android.R.layout.simple_spinner_item, parent, false);
        TextView texview = (TextView) view.findViewById(android.R.id.text1);

        if(position == 0) {
            texview.setText("");
            texview.setHint(getItem(position).toString()); //"Hint to be displayed"
        } else {
            texview.setText(getItem(position).toString());
        }

        return view;
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {

        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        View view;

        if(position == 0){
            view = inflater.inflate(R.layout.spinner_hint_list_item_layout, parent, false); // Hide first row
        } else {
            view = inflater.inflate(android.R.layout.simple_spinner_dropdown_item, parent, false);
            TextView texview = (TextView) view.findViewById(android.R.id.text1);
            texview.setText(getItem(position).toString());
        } 

        return view;
    }
}

das folgende Layout in @Override getDropDownView() einstellen, wenn Position 0 ist, um die erste Hinweiszeile auszublenden.

R.layout.spinner_hint_list_item_layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

</LinearLayout>

Answer 2

In der iosched-App finden Sie eine allgemeine Lösung für das Hinzufügen eines Elements an den Anfang einer Liste. Wenn Sie einen CursorAdapter verwenden, sehen Sie sich insbesondere TracksAdapter.java die diese Definition erweitert, um eine "setHasAllItem"-Methode und zugehörigen Code zur Verwaltung der Listenanzahl bereitzustellen, um das zusätzliche Element an der Spitze zu behandeln.

Mithilfe des benutzerdefinierten Adapters können Sie den Text auf "Select One" oder eine andere Bezeichnung für das oberste Element festlegen.

Answer 3

Die beste Lösung, die ich dafür gefunden habe, ist eigentlich nicht ein Spinner, sondern ein AutoCompleteTextView zu verwenden. Seine im Grunde ein EditText mit angehängten Spinner, um Vorschläge zu zeigen, wie Sie eingeben - aber, mit der richtigen Konfiguration, es kann genau wie der OP Wünsche und mehr verhalten.

XML:

<com.google.android.material.textfield.TextInputLayout
                android:id="@+id/item"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

            <androidx.appcompat.widget.AppCompatAutoCompleteTextView
                    android:id="@+id/input"
                    android:hint="Select one"
                    style="@style/AutoCompleteTextViewDropDown"/>
        </com.google.android.material.textfield.TextInputLayout>

Stil:

<style name="AutoCompleteTextViewDropDown">
    <item name="android:clickable">false</item>
    <item name="android:cursorVisible">false</item>
    <item name="android:focusable">false</item>
    <item name="android:focusableInTouchMode">false</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
</style>

Wie für den Adapter verwenden Sie die grundlegenden ArrayAdapter oder erweitern Sie es, um Ihre eigenen zu machen, aber keine zusätzliche Anpassung auf der Adapter-Seite ist notwendig. Setzen Sie den Adapter auf die AutoCompleteTextView.

Answer 4

Ich denke, der einfachste Weg ist die Erstellung eines Dummy-Elements mit dem Index 0 und der Aufschrift "select one" und dann beim Speichern vielleicht zu überprüfen, dass die Auswahl nicht 0 ist.

Answer 5

Dies ist also mein letztes Beispiel für einen "All-in" Button-Spinner

Sur tätigkeit_mein_formular.xml

    <Button
        android:id="@+id/btnSpinnerPlanets"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="left|center_vertical"
        android:singleLine="true"
        android:text="@string/selectAPlanet"
        android:textSize="10sp"
        android:background="@android:drawable/btn_dropdown">
    </Button>

Sur strings.xml

<string name="selectAPlanet">Select planet&#8230;</string>

<string-array name="planets__entries">
    <item>The Sun with a name very long so long long long long longThe Sun with a name very long so long long long long longThe Sun with a name very long so long long long long long</item>
    <item>Mercury</item>
    <item>Venus</item>
    <item>Earth</item>
    <item>Mars</item>
    <item>Jupiter</item>
    <item>Saturn</item>
    <item>Uranus</item>
    <item>Neptune</item>
</string-array>

Sur MyFormActivity.java

public class MyFormActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        ((Button) findViewById(R.id.btnSpinnerPlanets)).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                final String[] items = view.getResources().getStringArray(R.array.planets__entries);
                ArrayAdapter<String> adapter = new ArrayAdapter<String>(MyFormActivity.this, android.R.layout.simple_spinner_dropdown_item, items);
                new AlertDialog.Builder(MyFormActivity.this).setTitle("the prompt").setAdapter(adapter, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        ((Button) findViewById(R.id.btnSpinnerPlanets)).setText(items[which]);
                        dialog.dismiss();
                    }
                }).create().show();
            }
        });     

    }

}   

Endlich habe ich eine Schriftgröße konfigurierbar kein erstes Element auswählbar Schaltfläche Spinner!!! Dank an HRJ