【Android】说做就做：带图标的list item

阅读更多

这几天在搞带有icon的list item，但实现方法貌似很复杂，照着国外达人的一些code snippet也搞不定，他们也没把全部的code发出了，NND。。。怒！今天终于集众家之大成。。。搞定一个了。。。想想还是GWT好，一个composite widget就很轻松搞定了。。。Android目前还算是垃圾滴。。。

做个ImageItem class存放icon和text：

java 代码

public class ImageItem {

    private String text;
    private Drawable drawable;
    private boolean isSelectable = true;

    public ImageItem(String text, Drawable drawable) {
        super();
        this.text = text;
        this.drawable = drawable;
    }

然后做个View给这个composite view，这里extend了linearlayout，但你也可以使用其他的layout：

java 代码

public class ImageItemView extends LinearLayout {

    private TextView text;
    private ImageView image;

    public ImageItemView(Context context, String title, Drawable drawable) {
        super(context);
        this.setOrientation(HORIZONTAL);

        image = new ImageView(context);
        image.setImageDrawable(drawable);
        // 左，上，右，下
        image.setPadding(0, 2, 5, 2);
//这里的layout一定要设置，不然无法显示，NND, 竟然default显示设置都没有！！
        addView(image, new LinearLayout.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

        text = new TextView(context);
        text.setText(title);
        addView(text, new LinearLayout.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
    }

接下来要做个Adapater给我们新建的composite view：
public class ImageItemArrayAdapter extends BaseAdapter {

    private Context context;
    private List items;
   
    public ImageItemArrayAdapter(Context ctx) {
        context = ctx;
        items = new ArrayList();
    }

里面要实现getView这个method，这里return上面新建的ImageItemView：

java 代码

public View getView(int position, View convertView, ViewGroup parent) {
        ImageItemView iiv;
        if (convertView==null) {
            iiv = new ImageItemView(context, items.get(position).getText(), items.get(position).getDrawable());
        } else {
            iiv = (ImageItemView)convertView;
            iiv.setText(items.get(position).getText());
            iiv.setImage(items.get(position).getDrawable());
        }
        return iiv;
    }

最后用一个简单的ListActivity来demo下：

java 代码

public class ImageListItemDemo extends ListActivity {

    List items;

@Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        ImageItemArrayAdapter adapter = new ImageItemArrayAdapter(this);
        Resources res = this.getResources();

        adapter.addItem(new ImageItem("Home", res.getDrawable(R.drawable.sliderhouse)));
        adapter.addItem(new ImageItem("Bar", res.getDrawable(R.drawable.bar)));
        adapter.addItem(new ImageItem("Book Store", res.getDrawable(R.drawable.bookstore)));
        adapter.addItem(new ImageItem("Cafe", res.getDrawable(R.drawable.cafe)));
        adapter.addItem(new ImageItem("Drug Store", res.getDrawable(R.drawable.drugstore)));
        adapter.addItem(new ImageItem("Fitness Center", res.getDrawable(R.drawable.fitness)));
        adapter.addItem(new ImageItem("Grocery", res.getDrawable(R.drawable.grocery)));
        adapter.addItem(new ImageItem("Library", res.getDrawable(R.drawable.library)));
        adapter.addItem(new ImageItem("Movie Theatre", res.getDrawable(R.drawable.movietheater)));
        adapter.addItem(new ImageItem("Park", res.getDrawable(R.drawable.park)));
        adapter.addItem(new ImageItem("Restaurant", res.getDrawable(R.drawable.restaurant)));
        adapter.addItem(new ImageItem("Super Market", res.getDrawable(R.drawable.retail)));
        adapter.addItem(new ImageItem("School", res.getDrawable(R.drawable.school)));

        setListAdapter(adapter);
    }

请看截图，效果不错吧！这个实现我觉得应该在google android API缺省要直接提供，毕竟用到的情况很多很多。

• 
• 大小: 22.3 KB

• 查看图片附件