android spinner - how to show only text after select item

Question

I have Spinner with custom layout in Android Studio: user can choose item with custom layout ( Image + text) I need to view only text on spinner after selected not full layout

NOT LIKE THIS:

My custom Adapter:

public class ColorAdapter2 extends ArrayAdapter<colorItem> {
    LayoutInflater inflater;
    ArrayList< colorItem>  items;
    public ColorAdapter2(Context context, int textViewResourceId,
                         ArrayList< colorItem> objects , LayoutInflater inflater) {
        super(context, textViewResourceId, objects);
        this.inflater = inflater;
        items = 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);
    }

    public View getCustomView(int position, View convertView, ViewGroup parent) {


        View row = inflater.inflate(R.layout.color_item, parent, false);
        TextView label = (TextView) row.findViewById(R.id.nameColor);
        label.setText(items.get(position).getName());

        ImageView icon = (ImageView) row.findViewById(R.id.iconColor);

        icon.setImageResource(items.get(position).getImageId());
        return row;
    }
}

...and the row layout:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:background="@drawable/edittext"
    android:padding="10dp"
    android:layout_margin="10dp">

    <ImageView
        android:id="@+id/iconColor"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginLeft="30dp"
        android:src="@drawable/blue_image"/>

    <TextView
        android:id="@+id/nameColor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

score 1 · Answer 1 · answered Nov 07 '17 at 05:46

1

please try manually hide elements by

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {                
        view.findViewById(R.id.viewYouWantToHide).setVisibility(View.GONE);
    }

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

and you probably need to restore elements you hide to be visible when spinner is re-selected with another element or selected nothing

answered Nov 07 '17 at 05:46

JiratPasuksmit

672
7
18

Thanks . It's work , but I still have a big size( size of the image and text) on spinner after item selected – Fadi Nov 07 '17 at 06:59
Spinner must be like image 2 in my question – Fadi Nov 07 '17 at 07:00

Manuelvalles · Answer 2 · 2018-12-05T12:15:36.853

0

Use view provided by event for hidden/make visibility zero for default text or selected text on spinner or static text.

 public void onItemSelected(AdapterView<?> parentView, View view, int position, long id) {
    TextView tv = (TextView) view;
    tv.setVisibility(View.GONE);
    }

edited Dec 05 '18 at 12:15

answered Dec 05 '18 at 07:52

Manuelvalles

380
2
6

score -1 · Answer 3 · answered Nov 07 '17 at 05:48

On Spinner Item Selected Hide your Imageview and set it visible on Nothing Selected

spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parentView, View selectedItemView, int position, long id) {
        // your code here

      selectedItemView.findViewById(R.id.iconColor).setVisibility(View.GONE);
    }

    @Override
    public void onNothingSelected(AdapterView<?> parentView) {
        // your code here
    }

});

Dushyant Suthar · Answer 4 · 2017-11-07T06:00:05.937

So you can listen to the itemSelectedEvent and then retrieve ImageView from it and then set it's visibility to "GONE".

Here is the example how you are gonna do this.

spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parentView, View view, int position, long id) {
    // your code here
ImageView imageView = view.findViewById(R.id.iconColor);
imageView.setVisibility(View.GONE);
}

@Override
public void onNothingSelected(AdapterView<?> parentView) {
    // your code here
}
});

android spinner - how to show only text after select item

4 Answers4