web-dev-qa-db-fra.com

Comment ajouter une image au spinner dans Android

Je veux ajouter une image au spinner que j'ai essayé comme:

<Spinner
    Android:id="@+id/spinner1"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:background="@drawable/myImage" />

Mais avec ce code, le signe de la flèche vers le bas sur le spinner devient invisible, dites-moi comment résoudre ce problème !! Je veux faire exactement comme dans cette image

enter image description here

androidandroid-layoutandroid-spinner
15
Arshad Ali

Créez un row.xml dans /res/layout/. Pour configurer la disposition sur chaque ligne.

  <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:orientation="horizontal">
    <ImageView
    Android:id="@+id/icon"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:src="@drawable/icon"/>
    <TextView
    Android:id="@+id/weekofday"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"/>
</LinearLayout>

et dans Java ajoutez ce code comme

 Spinner mySpinner = (Spinner)findViewById(R.id.spinner);
  ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
    R.layout.row, R.id.weekofday, YourArrayHere);
  mySpinner.setAdapter(adapter);
16
Ram kiran

Dans mon cas, je viens d'utiliser la mise en page standard pour les éléments spinner et de remplacer un peu l'ArrayAdapter.

private class PaymentTypeArrayAdapter extends ArrayAdapter<PaymentType> {

    public PaymentTypeArrayAdapter(Context context) {
        super(context, Android.R.layout.simple_spinner_item);

        addAll(PaymentType.getPaymentTypes());
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView label = (TextView) super.getView(position, convertView, parent);

        PaymentType paymentType = getItem(position);
        label.setText(paymentType.getStringResourceId());
        label.setCompoundDrawablesWithIntrinsicBounds(0, 0, paymentType.
                getImageResourceId(), 0);

        return label;
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        TextView label = (TextView) super.getDropDownView(position, convertView, parent);

        PaymentType paymentType = getItem(position);
        label.setText(paymentType.getStringResourceId());
        label.setCompoundDrawablesWithIntrinsicBounds(0, 0, paymentType.
                getImageResourceId(), 0);

        return label;
    }
}

Ensuite, configurez l'adaptateur pour votre spinner:

mPaymentTypeArrayAdapter = new PaymentTypeArrayAdapter(getContext());
    setAdapter(mPaymentTypeArrayAdapter);

Dans cette approche, la clé consistait à utiliser setCompoundDrawablesWithIntrinsicBounds pour l'étiquette

5
Arkadiusz Cieśliński