How to use Android Spinner like a drop-down list

Question

It's taken me quite a while to get my head around the Android Spinner. After several failed implementation attempts, and after reading many questions partially similar to my own but without satisfactory answers, and some without any answers at all, e.g. here and here, I finally get that a "spinner" in Android isn't meant to be the same thing as a "drop-down list" from desktop apps, or a select in HTML. However, what my app (and I'm guessing the apps of all the other posters whose questions are similar) needs is something that works like a drop-down box, not like a spinner.

My two problems are with what I first considered to be idiosynchrasies the OnItemSelectedListener (I've seen these as separate questions on this site but not as one):

1. An initial selection of the first list item is triggered automatically without the user's interaction.
2. When the item that was already selected is selected again by the user, it is ignored.

Now I realise that, when you think about it, it makes sense for this to happen on a spinner - it has to start with a default value selected, and you spin it only to change that value, not to "re-select" a value - the documentation actually says: "This callback is invoked only when the newly selected position is different from the previously selected position". And I've seen answers suggesting that you set up a flag to ignore the first automatic selection - I guess I could live with that if there's no other way.

But since what I really want is a drop-down list which behaves as a drop-down list should (and as users can and should expect), what I need is something like a Spinner that behaves like a drop-down, like a combo-box. I don't care about any automatic pre-selection (that should happen without triggering my listener), and I want to know about every selection, even if it's the same one as previously (after all, the user selected the same item again).

So... is there something in Android that can do that, or some workaround to make a Spinner behave like a drop-down list? If there is a question like this one on this site that I haven't found, and which has a satisfactory answer, please let me know (in which case I sincerely apologise for repeating the question).

Solution 1

+1 to David's answer. However, here's an implementation suggestion that does not involve copy-pasting code from the source (which, by the way, looks exactly the same as David posted in 2.3 as well):

@Override
void setSelectionInt(int position, boolean animate) {
    mOldSelectedPosition = INVALID_POSITION;
    super.setSelectionInt(position, animate);
}

This way you'll trick the parent method into thinking it's a new position every time.

Alternatively, you could try setting the position to invalid when the spinner is clicked and setting it back in onNothingSelected. This is not as nice, because the user will not see what item is selected while the dialog is up.

Solution 2

Ok, I think I've come up with a solution for my own situation with the help of both David's and Felix' answer (I believe David's helped Felix', which in turn helped mine). I thought I'd post it here together with a code sample in case someone else finds this approach useful as well. It also solves both of my problems (both the unwanted automatic selection and the desired re-selection trigger).

What I've done is added a "please select" dummy item as the first item in my list (initially just to get around the automatic selection problem so that I could ignore when it was selected without user interaction), and then, when another item is selected and I've handled the selection, I simply reset the spinner to the dummy item (which gets ignored). Come to think of it, I should've thought of this long ago before deciding to post my question on this site, but things are always more obvious in hindsight... and I found that writing my question actually helped me to think about what I wanted to achieve.

Obviously, if having a dummy item doesn't fit your situation, this might not be the ideal solution for you, but since what I wanted was to trigger an action when the user selected a value (and having the value remain selected is not required in my specific case), this works just fine. I'll try to add a simplified code example (may not compile as is, I've ripped out a few bits from my working code and renamed things before pasting, but hopefully you'll get the idea) below.

First, the list activity (in my case) containing the spinner, let's call it MyListActivity:

public class MyListActivity extends ListActivity {

    private Spinner mySpinner;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // TODO: other code as required...

        mySpinner = (Spinner) findViewById(R.id.mySpinner);
        mySpinner.setAdapter(new MySpinnerAdapter(this));
        mySpinner.setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> aParentView,
                        View aView, int aPosition, long anId) {
                if (aPosition == 0) {
                    Log.d(getClass().getName(), "Ignoring selection of dummy list item...");
                } else {
                    Log.d(getClass().getName(), "Handling selection of actual list item...");
                    // TODO: insert code to handle selection
                    resetSelection();
                }
            }

            @Override
            public void onNothingSelected(AdapterView<?> anAdapterView) {
                // do nothing
            }
        });
    }

    /**
     * Reset the filter spinner selection to 0 - which is ignored in
     * onItemSelected() - so that a subsequent selection of another item is
     * triggered, regardless of whether it's the same item that was selected
     * previously.
     */
    protected void resetSelection() {
        Log.d(getClass().getName(), "Resetting selection to 0 (i.e. 'please select' item).");
        mySpinner.setSelection(0);
    }
}

And the spinner adapter code could look something like this (could in fact be an inner class in the above list activity if you prefer):

public class MySpinnerAdapter extends BaseAdapter implements SpinnerAdapter {

    private List<MyListItem> items; // replace MyListItem with your model object type
    private Context context;

    public MySpinnerAdapter(Context aContext) {
        context = aContext;
        items = new ArrayList<MyListItem>();
        items.add(null); // add first dummy item - selection of this will be ignored
        // TODO: add other items;
    }

    @Override
    public int getCount() {
        return items.size();
    }

    @Override
    public Object getItem(int aPosition) {
        return items.get(aPosition);
    }

    @Override
    public long getItemId(int aPosition) {
        return aPosition;
    }

    @Override
    public View getView(int aPosition, View aView, ViewGroup aParent) {
        TextView text = new TextView(context);
        if (aPosition == 0) {
            text.setText("-- Please select --"); // text for first dummy item
        } else {
            text.setText(items.get(aPosition).toString());
            // or use whatever model attribute you'd like displayed instead of toString()
        }
        return text;
    }
}

I guess (haven't tried this) the same effect could be achieved using setSelected(false) instead of setSelection(0), but re-setting to "please select" suits my purposes fine. And, "look, Ma, no flag!" (Although I guess ignoring 0 selections is not that dissimilar.)

Hopefully, this can help someone else out there with a similar use case. :-) For other use cases, Felix' answer may be more suitable (thanks Felix!).

Solution 3

Look. I don't know if this will help you, but since you seem tired of looking for an answer without much success, this idea may help you, who knows...

The Spinner class is derived from AbsSpinner. Inside this, there is this method:

void setSelectionInt(int position, boolean animate) {
        if (position != mOldSelectedPosition) {
            mBlockLayoutRequests = true;
            int delta  = position - mSelectedPosition;
            setNextSelectedPositionInt(position);
            layout(delta, animate);
            mBlockLayoutRequests = false;
        }
    }

This is AFAIK taken from 1.5 source. Perhaps you could check that source, see how Spinner/AbsSpinner works, and maybe extend that class just enough to catch the proper method and not check if position != mOldSelectedPosition.

I mean... that's a huge "maybe" with a lot of "ifs" (android versioning comes to mind etc.), but since you seem frustrated (and I've been there with Android many times), maybe this can give you some "light". And I assume that there are no other obvious answers by looking at your previous research.

I wish you good luck!

Solution 4

Here is an alternative solution to differentiate between any (intended or unintended) programmatic and user-initiated changes:

Create your listener for the spinner as both an OnTouchListener and OnItemSelectedListener

public class SpinnerInteractionListener implements AdapterView.OnItemSelectedListener, View.OnTouchListener {

    boolean userSelect = false;

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        userSelect = true;
        return false;
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) {
        if (userSelect) { 
            // Your selection handling code here
            userSelect = false;
        }
    }

}

Add the listener to the spinner registering for both event types

SpinnerInteractionListener listener = new SpinnerInteractionListener();
mSpinnerView.setOnTouchListener(listener);
mSpinnerView.setOnItemSelectedListener(listener);

This wouldn't handle the case in which the re-selection of the same item by the user doesn't trigger the onItemSelected method (which I have not observed), but I guess that could be handled by adding some code to the onTouch method.

Anyway, the problems Amos pointed out were driving me crazy before thinking of this solution, so I thought I'd share as widely as possible. There are many threads that discuss this, but I've only seen one other solution so far that is similar to this: https://stackoverflow.com/a/25070696/4556980.

Solution 5

Modifying the Spinner is useful if you want to have multiple selections simultaneously in the same activity. If you only desire the user to have a hierarchical selection, for example:

What do you want to eat?

Fruit

• Apples
• Bananas
• Oranges

Fast Food

• Burgers
• Fries
• Hot dogs,

then the ExpandableListView might be better for you. It allows the user to navigate a hierarchy of different groups and choose a child element. This would be similar to having several Spinners for the user to choose from - if you do not desire a simultaneous selection, that is.

View more solutions

Comments

[Amos M. Carpenter]

Thanks, David, I'll definitely have a look at that. I'll have to download the Android source first (relatively new to Android, as you may be able to tell ;-). Spot on about the frustration bit, some things just don't work as I would've thought, other times things that seem complicated just work, but I guess that's always the case when you have to learn about a new API.

[davidcesarino]

You can also browse the sources from inside Eclipse. See vogella.de/articles/AndroidSourceCode/… That will make your effort certainly easier.

[Amos M. Carpenter]

Cheers again, David. Sounds very useful. I'd vote up your post, too, but don't seem to have the reputation required for that yet ;-)

[davidcesarino]

Don't worry about that. If that helped you, then that's important.

[davidcesarino]

Yes, extending the class is definitely the way to go. Clever implementation, btw.

[davidcesarino]

Also, to clarify sice Felix answer pointed at that: that code block is not what you'd use. I just pointed at the code block in the sources, for research. The solution would involve extending the class and overriding the said method. How to do that is up to you, but his code seems very smar. i'd try that first.

[Amos M. Carpenter]

+1 from me now that I can do that. It seems to me that your answer helped inspire Felix' answer. Your help is much appreciated!

[Amos M. Carpenter]

Thank you Felix, +1 from me. Your idea of changing the selection helped me come up with an alternative that solves both my problems (preventing the automatic initial selection as well). Since my solution may only be for a more specific use case, though (and since I don't want to be presumptuous and accept my own answer which is based on yours), I'm happy to give you the tick. Cheers!

[Regis St-Gelais]

in MySpinner I tryed the following to reset the old selection but it does not work. @Override public void setSelection(int position) { super.setSelection(INVALID_POSITION); super.setSelection(position); }

[deviant]

And if need to get rid of first row, we can add this lines to getDropDownView method if (position == 0) { view.getLayoutParams().height = 1; } else { view.getLayoutParams().height = ViewGroup.LayoutParams.WRAP_CONTENT; }

[Renetik]

How do you override package private method ? Am I missing something ?

[NewEndian]

PopupMenu doesn't hold a persistent selection

[arlomedia]

It doesn't have a built-in property for setting the selected item, but you can set the selection with myPopupMenu.getMenu().getItem(selectedIndex).setChecked(true‌​).

[isuPatches]

I really like this answer, thank you. I had a network request being made in an onItemSelected block and didn't want to chew through the user's data plan whenever the spinner listener was set