how to Display Only Text in spinner

Question

I have created a Spinner with Custom Adapter in which i have an image view and a text view when i select item from spinner then i display image with selected Item which is working Perfectely fine.

Problem:

But The Problem is when i select any item it show image with selected item in drop down. and also display the same (Image and Text) in spinner..

What I want

I want to show only text in spinner with no image as you can see in

image it is showing imges with text in spinner... and i dont want this

Here is the code that i am using please suggest me the solution Thanks

public class SpinnerAdapter extends ArrayAdapter<SpinnerItem> {
    private Context mContext;
    private ArrayList<SpinnerItem> listState;

    public SpinnerAdapter(Context context, int resource,
            ArrayList<SpinnerItem> objects) {
        super(context, resource, objects);
        this.mContext = context;
        this.listState = objects;
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        return getCustomView(position, convertView, parent);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        return getCustomView(position, convertView, parent);
    }

    @SuppressLint("InflateParams")
    public View getCustomView(int position, View convertView, ViewGroup parent) {
        final ViewHolder holder;
        if (convertView == null) {
            LayoutInflater layoutInflator = LayoutInflater.from(mContext);
            convertView = layoutInflator.inflate(R.layout.spinner_item_layout,
                    null);
            holder = new ViewHolder();
            holder.mTextView = (TextView) convertView.findViewById(R.id.text);
            holder.mCheckedImage = (ImageView) convertView
                    .findViewById(R.id.checkbox);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        holder.mTextView.setText(listState.get(position).getTitle());

        if (listState.get(position).isSelected()) {
            holder.mCheckedImage.setVisibility(View.VISIBLE);
        } else {
            holder.mCheckedImage.setVisibility(View.INVISIBLE);
        }

        return convertView;
    }

    private class ViewHolder {
        private TextView mTextView;
        private ImageView mCheckedImage;
    }

    public void setSpinnerAdapter(ArrayList<SpinnerItem> spinnerItems) {

        this.listState = spinnerItems;
        notifyDataSetChanged();
    }
}


private void setBottelCountData() {
        final String[] select_qualification = { "", "1", "2",
                "3" };

        bottelCountList = new ArrayList<>();

        for (int i = 0; i < select_qualification.length; i++) {
            SpinnerItem spinnerItem = new SpinnerItem();
            spinnerItem.setTitle(select_qualification[i]);
            if (i == 2) {

                spinnerItem.setSelected(false);
            } else {
                spinnerItem.setSelected(false);
            }
            bottelCountList.add(spinnerItem);
        }

        bottelCountAdapter = new SpinnerAdapter(getActivity(), 0,
                bottelCountList);
        bottelCountAdapter.setDropDownViewResource(R.layout.spinner_item_layout);
        bottel_Count_Spinner.setAdapter(bottelCountAdapter);
        bottel_Count_Spinner.setSelection(3);
    }



bottel_Count_Spinner
                .setOnItemSelectedListener(new OnItemSelectedListener() {

                    public void onItemSelected(AdapterView<?> parent,
                            View view, int position, long id) {
                        if (position == 0) {
                            for (int count = 0; count < bottelCountList.size(); count++) {
                                bottelCountList.get(count).setSelected(false);
                            }
                            noOfBottel = 0;
                            return;
                        }
                        bottelCountList.get(position).setSelected(true);
                        for (int count = 0; count < bottelCountList.size(); count++) {
                            if (position != count) {
                                bottelCountList.get(count).setSelected(false);
                            }
                        }
                        bottel_Count_Spinner.setPrompt("Hello");
                        bottelCountAdapter.setSpinnerAdapter(bottelCountList);
                        noOfBottel = Integer.parseInt(bottelCountList.get(
                                position).getTitle());
                    }

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

xml for spinner item layout

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

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/checkbox"
        android:layout_centerVertical="true"
        android:padding="10dp"/>

    <ImageView
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:padding="10dp"
        android:src="@android:drawable/checkbox_on_background"
        android:contentDescription="@string/app_name"
        android:layout_marginLeft="10dp"
        android:layout_alignParentStart="true" />

</RelativeLayout>

Can you add code for your spinner_item_layout.xml file? – HellCat2405 Oct 30 '15 at 10:31 — HellCat2405, Oct 30 '15 at 10:31
@HellCat2405 i have updated the question Please check now – Mustanser Iqbal Oct 30 '15 at 10:34 — Mustanser Iqbal, Oct 30 '15 at 10:34

score 3 · Accepted Answer · answered Oct 30 '15 at 10:32

You have two methods

getView - is shown after you select an value
getDropDownView - defines how you view should look when drop down is opened

You have to modify your getCustomView and handle the difference (hide the checkbox image).

Try this

@Override
public View getDropDownView(int position, View convertView, ViewGroup parent) {
    return getCustomView(position, convertView, parent, true);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    return getCustomView(position, convertView, parent, false);
}

@SuppressLint("InflateParams")
public View getCustomView(int position, View convertView, ViewGroup parent, boolean isDropDown) {
    final ViewHolder holder;
    if (convertView == null) {
        LayoutInflater layoutInflator = LayoutInflater.from(mContext);
        convertView = layoutInflator.inflate(R.layout.spinner_item_layout,
                null);
        holder = new ViewHolder();
        holder.mTextView = (TextView) convertView.findViewById(R.id.text);
        holder.mCheckedImage = (ImageView) convertView
                .findViewById(R.id.checkbox);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    holder.mTextView.setText(listState.get(position).getTitle());

    if (isDropDown) {
        if (listState.get(position).isSelected()) {
            holder.mCheckedImage.setVisibility(View.VISIBLE);
        } else {
            holder.mCheckedImage.setVisibility(View.INVISIBLE);
        }
    }
    else {
        holder.mCheckedImage.setVisibility(View.INVISIBLE);
    }

    return convertView;
}

I would recommend to use 2 getCustomView method to increase readability — Emre Aktürk, Oct 30 '15 at 10:35
EmreAktürk you are probably right. @MustanserIqbal you are welcome. Now you know the difference between the two :). — Marko, Oct 30 '15 at 10:51
yeah completely... i mix up both views.. anyway thanks again — Mustanser Iqbal, Oct 30 '15 at 10:53
Please take a look at this question i need help http://stackoverflow.com/q/34404407/3593066 Thanks — Mustanser Iqbal, Dec 22 '15 at 19:56

score 1 · Answer 2 · answered Oct 30 '15 at 10:33

1

You need to seperate views for getDropDownView and getView methods. getDropDownView is called for the row which is using for selected value. On the other hand getView is called for each rows when you open spinner.

answered Oct 30 '15 at 10:33

Emre Aktürk

3,306
2
18
30

1

You mixed them up. `getDropDownView` is called when drop down is shown, and `getView` is for displaying currently 'selected' item (when the drop down is closed). If `getDropDownView` is not overriden, `getView` will be called. Read more [here](http://stackoverflow.com/questions/13433874/difference-between-getview-getdropdownview-in-spinneradapter). – Marko Oct 30 '15 at 10:49
Thanks For the solution... you are almost right i was doing this stupid mistake.. – Mustanser Iqbal Oct 30 '15 at 10:49

score 0 · Answer 3 · answered Oct 30 '15 at 10:44

Try this,

<RelativeLayout
                    android:id="@+id/rlCountry"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="20dp"
                    android:layout_marginRight="20dp"
                    android:layout_marginTop="10dp"
                    android:background="@android:color/white" >

                    <Spinner
                        android:id="@+id/spnCountry"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:layout_centerVertical="true"
                        android:popupBackground="@android:color/transparent"
                        android:visibility="invisible" />

                    <Button
                        android:id="@+id/btnAllergies"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_alignParentStart="true"
                        android:layout_centerInParent="true"
                        android:background="@android:color/transparent"
                        android:gravity="start|center"
                        android:paddingBottom="5dp"
                        android:paddingEnd="5dp"
                        android:paddingLeft="10dp"
                        android:paddingRight="5dp"
                        android:paddingStart="10dp"
                        android:paddingTop="5dp"
                        android:tag="0"
                        android:text="Select Country"
                        android:textColor="#ACACAC"
                        android:textSize="14sp" />
                </RelativeLayout>

man i got it working.. thats not the solution for my Problem i think you miss read the question.. anyway thanks — Mustanser Iqbal, Oct 30 '15 at 10:52

how to Display Only Text in spinner

3 Answers3