I haven't found any very good examples of how to add icons to an AlertDialog ListView. See example:



I have an application on the market called Memory Tutor that is a simple matching game for kids. One of the features is that you can choose from a number of different tile sets. In the initial version, I had just listed the names of the tile sets in the AlertDialog ListView and didn't have an icon to show what the tiles looked like. I struggled with this for a few hours yesterday (I am not an expert) and couldn't get it to work for the life of me... My problem was that I wasn't using a simple ArrayAdapter but instead had tried using my standard Efficiency Adapter as I would with any other list. I kind of accidentally made it work because I was just trying a bunch of different things. Here is a working example of how to create a custom adapter for an AlertDialog ListView.

First: You need a layout for each row.



Then you create your ListAdapter:


Now define your AlertDialog:


In particular, pay attention to how you set the adapter for the AlertDialog. Good Luck!

I've been trying to get a good explanation for LayoutInflater and the android sdk definition on the website, just makes it more confusing. In laymens terms, can you explain the purpose of LayoutInflater inflater?

LayoutInflater is used instantiate layout XML file into its corresponding View objects. What is hard to understand there?

Hi ~

I'm new for Android developer. Is there any way that I can download the the package


Thanks lot
Albert lin

There is a reason that this is posted in "Code Snippets for Android". It is a code snippet... not a complete project.

My code is as following, Could you tell what's wrong witrh it?
========================================================
package irdc.ex03_01;


import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.Drawable;
import android.os.Bundle;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListAdapter;
import android.widget.TextView;
import android.widget.Toast;

public class EX03_01 extends Activity
{

private TextView mTextView01;
String[] items = {"airplanes", "animals", "cars", "colors", "flowers", "letters", "monsters", "numbers", "shapes", "smileys", "sports", "stars" };

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);

setContentView(R.layout.main);

mTextView01 = (TextView) findViewById(R.id.myTextView01);

String str_2 = "Welcome Android ....";
mTextView01.setText(str_2);


AlertDialog.Builder builder = new AlertDialog.Builder(EX03_01.this);
builder.setTitle("Pick a tile set");
builder.setAdapter(adapter,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int item) {
Toast.makeText(EX03_01.this, "You selected: " + items[item],Toast.LENGTH_LONG).show();
dialog.dismiss();
}
});
AlertDialog alert = builder.create();
alert.show();

}

//------------------------------------------------
ListAdapter adapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.list_row, items)
{
private Bitmap mIcon1;

ViewHolder holder;

class ViewHolder
{
ImageView icon;
TextView title;
}

public View getView(int position, View convertView, ViewGroup parent)
{
final LayoutInflater inflater = (LayoutInflater) getApplicationContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

if (convertView == null)
{
convertView = inflater.inflate(R.layout.list_row, null);
holder = new ViewHolder();
holder.icon = (ImageView) convertView.findViewById(R.id.icon);
holder.title = (TextView) convertView.findViewById(R.id.title);
convertView.setTag(holder);
} else
{
// view already defined, retrieve view holder
holder = (ViewHolder) convertView.getTag();
}

//Drawable tile = getResources().getDrawable(R.drawable.list_icon); //this is an image from the drawables folder

holder.title.setText(items[position]);
holder.icon.setImageDrawable(getResources().getDrawable(R.drawable.list_icon)); //tile);

return convertView;
}
};


}

Hi!

Thanks you very much for your post. It is the best example I have found, it works.