Comment ajouter une icône devant chaque élément dans la boîte de dialogue d'alerte?

Je suis en utilisant un AlertDialog (voir le code ci-dessous) et je voudrais mettre une image avant chaque texte.

Par exemple, l'icône e-mail le message "e-Mail", Facebook icône de texte "Facebook", etc.

En utilisant le code suivant, comment ajouter une icône devant chaque valeur de texte?

final CharSequence[] items = { "Email", "Facebook", "Twitter", "LinkedIn" };
AlertDialog.Builder builder = new AlertDialog.Builder(More.this);
builder.setTitle("Share Appliction");
builder.setItems(items, new DialogInterface.OnClickListener() {
    @Override
    public void onClick(DialogInterface dialog, int item) {
        if (item == 0) {

        } else if (item == 1) {

        } else if (item == 2) {

        } else if(item == 3) {

        }
    }
});
AlertDialog alert = builder.create();
alert.show();
InformationsquelleAutor UMAR | 2010-10-13
  1. 83

    Vous avez besoin personnalisé ListAdapter pour ajouter votre image. Une façon est de la sous-classe le ArrayAdapter (utilisé par défaut par le AlertDialog). Voici un exemple:

    final Item[] items = {
    new Item("Email", android.R.drawable.ic_menu_add),
    new Item("Facebook", android.R.drawable.ic_menu_delete),
    new Item("...", 0),//no icon for this one
};

ListAdapter adapter = new ArrayAdapter<Item>(
    this,
    android.R.layout.select_dialog_item,
    android.R.id.text1,
    items){
        public View getView(int position, View convertView, ViewGroup parent) {
            //Use super class to create the View
            View v = super.getView(position, convertView, parent);
            TextView tv = (TextView)v.findViewById(android.R.id.text1);

            //Put the image on the TextView
            tv.setCompoundDrawablesWithIntrinsicBounds(items[position].icon, 0, 0, 0);

            //Add margin between image and text (support various screen densities)
            int dp5 = (int) (5 * getResources().getDisplayMetrics().density + 0.5f);
            tv.setCompoundDrawablePadding(dp5);

            return v;
        }
    };


new AlertDialog.Builder(this)
    .setTitle("Share Appliction")
    .setAdapter(adapter, new DialogInterface.OnClickListener() {
        public void onClick(DialogInterface dialog, int item) {
            //...
        }
    }).show();

    Ici est la classe de l'Élément

    public static class Item{
    public final String text;
    public final int icon;
    public Item(String text, Integer icon) {
        this.text = text;
        this.icon = icon;
    }
    @Override
    public String toString() {
        return text;
    }
}
    • Est-il un moyen de régler le drawable taille ?
    • Jamais l'esprit, il suffit d'avoir trouvé comment faire... appel setBounds avec la taille requise et ensuite appeler setCompoundDrawables au lieu de setCompoundDrawablesWithIntrinsicbounds
    • Salut, cela fonctionne, mais la taille du texte d'un item n'est pas la valeur par défaut - c'est trop gros. Des idées de comment je peux le régler à la valeur par défaut des textes de taille?
    • Ok, j'ai réussi à obtenir la bonne taille. Au lieu de android.R.layout.select_dialog_item utilisation typedArray.getResourceId(R.styleable.AlertDialog_listItemLayout, 0). Le tableau typé est définie ainsi: TypedArray typedArray = context.obtainStyledAttributes(null, R.styleable.AlertDialog, R.attr.alertDialogStyle, 0); . Je l'ai pris directement à partir de la bibliothèque de prise en charge code de la boîte de dialogue d'alerte listview.
    • Même avec getResourceId comme la façon dont @Nedko a montré ci-dessus, il ne s'est toujours pas rendu des éléments comme la façon dont il semble lors de l'utilisation de setItems(). L'élément de remplissage à gauche semble être plus petits et rend les éléments de décalage avec le titre. Une idée de comment résoudre ce problème?
    InformationsquelleAutor Tom Esterez
  2. 2

    Faire quelque chose comme ceci:

    ViewGroup layout=new LinearLayout(context);
TextView tv=new TextView(context); //your text
tv.setText("my text"); 
ImageView imageView=new ImageView(context); //your icon
//filling image view with icon bitmap (in this case from resource)
imageView.setImageBitmap(BitmapFactory.decodeStream(context.getResources().openRawResource(resourceId)));
//ensuring that icon size will be more or less like text height
imageView.setAdjustViewBounds(true);
imageView.setMaxHeight((int )(tv.getLineHeight()*1.5));
imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
layout.addView(imageView); //adding icon
tv.setGravity(Gravity.BOTTOM|Gravity.LEFT);
layout.addView(tv); //adding text

    Totale idée est de créer la mise en page/viewgroup et d'ajouter l'icône+texte+ce que vous voulez dans viewgroup

    • comment l'associer à d'alerte?
    • AlertDialog contient généralement ListView qui affiche les messages. Donc, essayez d'obtenir comme AlertDialog.getListView(); Et puis ajouter votre mise en page contenant l'ensemble des choses avec Icône/Texte ajouter à la liste. comme: AlertDialog.getListview().ajouter(mise en page)
    InformationsquelleAutor barmaley
  3. 1

    À l'échelle des images:

    //Put the image on the TextView
int dp50 = (int) (50 * getResources().getDisplayMetrics().density + 0.5f);
Drawable dr = getResources().getDrawable(R...YOUR_DRAWABLE);
Bitmap bitmap = ((BitmapDrawable) dr).getBitmap();
Drawable d = new BitmapDrawable(getResources(), Bitmap.createScaledBitmap(bitmap, dp50, dp50, true));
tv.setCompoundDrawablesWithIntrinsicBounds(d, null, null, null);

//Add margin between image and text (support various screen densities)
int dp10 = (int) (10 * getResources().getDisplayMetrics().density + 0.5f);
tv.setCompoundDrawablePadding(dp10);
    InformationsquelleAutor Geltrude
  4. 1

    J'aime Tom Esterez's solution mais vous recommandons d'utiliser la fonction relative au lieu de RTL soutien.

    Donc l'utiliser:

    tv.setCompoundDrawablesRelativeWithIntrinsicBounds(items[position].iconID, 0, 0, 0);

    au lieu de cela:

    tv.setCompoundDrawablesWithIntrinsicBounds(items[position].iconID, 0, 0, 0);
    InformationsquelleAutor Barina