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

android不是号称采取gwt前端开发模式吗？

这样实现ListVie的Row有点太麻烦了，我想可以用xml composite layout以及google提供的一些内建Class来做，做了一个小实验:
定义layout, row.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"	android:orientation="horizontal" android:layout_width="fill_parent"	android:layout_height="fill_parent">	<TextView id="@+id/text1" android:layout_width="0dip"		android:layout_height="fill_parent"		android:layout_weight="1"/>	<TextView id="@+id/text2" android:layout_width="0dip"		android:layout_height="fill_parent"		android:layout_weight="2"/>		</LinearLayout>

这里是用2个TextView来做横向排列的组合

在Activity里面就可以这样写了:

	public void onCreate(Bundle icicle) {		super.onCreate(icicle);		List items = new ArrayList();		Map i1 = new HashMap();		i1.put("text", "text1");		i1.put("icon", "icon1");		items.add(i1);		Map i2 = new HashMap();		i2.put("text", "text2");		i2.put("icon", "icon2");		items.add(i2);		ListAdapter adapter = new SimpleAdapter(this, items, R.layout.row, new String[] { "icon", "text" }, new int[] { R.id.text1, R.id.text2 });		setListAdapter(adapter);	}

这里用了SDK提供的SimpleAdapter，来把一个Map通过key值绑定到了layout id上，这样出来了附件的显示效果，距离我们想要的最终效果就是文字和图标的区别。


下一步就是把row.xml中的其中一个TextView替换成ImageView:

	<ImageView id="@+id/icon1" android:layout_width="0dip"		android:layout_height="fill_parent"		android:layout_weight="1"/>

由于SimpleAdapter只能绑定到TextView，我们还需要自己写一个IconTextAdapter extends SimpleAdapter，重写里面的绑定数据到ImageView的方法，就能够实现想要的效果了。
可惜SDK里面的android.jar还没有放出源代码来，也没有相关的例子，光看api文档摸索需要一些时间，我就偷懒了, 这个实验就做到此,

大哥，你强大啊！如果能把MapView搞进compsite view里面就NB了！
快点啊，拉票人一起参赛啊！

hehe,好好学习一下

根据Quake Wang的提示,实现如下,相当简单

	public class IconTextAdapter extends SimpleAdapter {		private int[] mIcons;		private int mIconId;				/**		 * @param icons	要显示的Icon资源id		 * @param iconId	icon在layout中的id		 */		public IconTextAdapter(Context context, List data,					int resource, String[] from, int[] to,					int[] icons, int iconId) {			super(context, data, resource, from, to);			mIcons = icons;			mIconId = iconId;		}		public View getView(int position, View convertView, ViewGroup parent) {			View v = super.getView(position, convertView, parent);			ImageView img = (ImageView) v.findViewById(mIconId);			img.setImageResource(mIcons[position]);			return v;		}	}

j2mepolish 里边定义着一个IconItem（extends Item）, 很容易实现楼主要噶效果...

珍爱生命，远离J2ME。。。

楼主是J2ME高手啊

lz，xm初学andoid,用您提供的代码自己建了个工程运行了一把，没有出结果，本人对您的方法非常感兴趣，能否把源代码提供一下，不胜感激！

楼上MM站内短信已经回复。

能否把源代码提供一下，不胜感激！
[email protected]

[color=darkred][/

[img][/i  gsdfgsdgdsgsdgsdfg   mg][/url][url][flash=200,200][/flash]color]
dfsgsdfgfsdg

本人对您的方法非常感兴趣，能否把源代码提供一下，不胜感激

本人对您的方法非常感兴趣，能否把源代码提供一下，不胜感激，
[email protected]

我用mwjian，Quake Wang的方法实现时是按照以下代码实现的，但在执行时报错java.lang.ClassCastException.时说类型转换错误吧？但我不清楚是什么错误，麻烦各位达人帮忙看一下，多谢！！
共有两个.java文件，
一个是主文件HelloTwoB .java,代码如下：
package com.google.android.hellotwob;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ListActivity;
import android.os.Bundle;

public class HelloTwoB extends ListActivity {

/** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setTheme(android.R.style.Theme_Dark);
        setContentView(R.layout.main);
       
 
        //SimpleAdapter demo
        List listitems = fillMaps();
        IconTextAdapter adapter=new IconTextAdapter( this,
        listitems,
        R.layout.list_row,
        new String[]{"icon", "city"},
        new int[]{R.id.icon, R.id.city},
        new int[]{R.drawable.icon_smile, R.drawable.icon_smile},
        R.id.icon );

        setListAdapter(adapter);
    }
   
    private List fillMaps(){
        List items = new ArrayList();
      
        Map i1 = new HashMap();
        i1.put("icon", getResources().getDrawable(R.drawable.icon_smile));
        i1.put("city", "Beijing");
        items.add(i1);

        Map i2 = new HashMap();
        i2.put("icon", getResources().getDrawable(R.drawable.icon_smile));
        i2.put("city", "Tokyo");
        items.add(i2);
       
        return items;
    }
   
   
}

另一个是文件IconTextAdapter.java,代码如下：
package com.google.android.hellotwob;

import java.util.List;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.SimpleAdapter;

public class IconTextAdapter extends SimpleAdapter {
 
private int[] mIcons; 
private int mIconId; 
      
/**
* @param icons  Icon's id will display.
* @param iconId icon in layout's id
*/ 
public IconTextAdapter( Context context,
List data, 
int resource,
String[] from,
int[] to, 
int[] icons,
int iconId ) { 
    super(context, data, resource, from, to); 
  
    mIcons = icons; 
    mIconId = iconId; 
} 
  
public View getView(int position, View convertView, ViewGroup parent) { 
    View v = super.getView(position, convertView, parent); 
    ImageView img = (ImageView) v.findViewById(mIconId); 
    img.setImageResource(mIcons[position]); 
    return v; 
}
}


xml文件有两个：
一个是main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<ListView id="@id/android:list"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:drawSelectorOnTop="false"
    />
</LinearLayout>

另一个是：list_row.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<ImageView id="@+id/icon"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          />
<TextView id="@+id/city"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          />
</LinearLayout>

另外还有一个icon,icon_smail.jpg文件
icon_smile.jpg


还有一个问题，List，Map可以如下这样使用吗？
    private List fillMaps(){
        List items = new ArrayList();
      
        Map i1 = new HashMap();
        i1.put("icon", getResources().getDrawable(R.drawable.icon_smile));
        i1.put("city", "Beijing");
        items.add(i1);

        Map i2 = new HashMap();
        i2.put("icon", getResources().getDrawable(R.drawable.icon_smile));
        i2.put("city", "Tokyo");
        items.add(i2);
       
        return items;
    }

多谢各位了！！！

HashMap j2me好像不支持吧！