来自 XML 的 ListView 与自定义 ImageView

Question

我正在从 XML 填充布局。我不太了解本教程，所以我只能填充 TextViews。如何为每个列表项的 ImageView 动态分配图像资源？

我目前在做什么：

    ArrayList<HashMap<String, String>> menuItems = new ArrayList<HashMap<String, String>>();

    XMLParser parser = new XMLParser();
    String xml = parser.getXmlFromResource(getApplicationContext(),
            R.raw.symbols);
    Document doc = parser.getDomElement(xml); // getting DOM element

    NodeList nl = doc.getElementsByTagName(KEY_SYMBOL);
    // looping through all item nodes <item>
    for (int i = 0; i < nl.getLength(); i++) {
        // creating new HashMap
        HashMap<String, String> map = new HashMap<String, String>();
        Element e = (Element) nl.item(i);
        // adding each child node to HashMap key => value
        map.put(KEY_NAME, parser.getValue(e, KEY_NAME));
        map.put(KEY_FILENAME, parser.getValue(e, KEY_FILENAME));
        map.put(KEY_ABBR, parser.getValue(e, KEY_ABBR));
        map.put(KEY_ELEMENT, parser.getValue(e, KEY_ELEMENT));

        // adding HashList to ArrayList
        menuItems.add(map);
    }

    // Adding menuItems to ListView
    ListAdapter adapter = new SimpleAdapter(this, menuItems,
            R.layout.symbol_list_item, new String[] { KEY_NAME,
                    KEY_FILENAME, KEY_ABBR, KEY_ELEMENT }, new int[] {
                    R.id.name, R.id.filename, R.id.abbr, R.id.element });

    setListAdapter(adapter);

如果重要的话，我不是简单地为 ImageView 设置可绘制对象。我正在使用来自 androidSVG 库的自定义 SVGImageView。我为动态拉取 SVG 文件所做的不同活动是这样的：

symbolImageView = (SVGImageView) findViewById(R.id.symbolImage);
symbolImageView.setImageResource(this.getResources().getIdentifier(symbol.getFilename(), "raw", this.getPackageName()));

这就是我的占位符 ImageViews 目前的样子：

Answer 1

只是为了得到答案，您的问题在于缺少一个适配器来确定列表中的视图并动态设置该视图的背景。 Android 提供的 Simple Adapter 并没有真正超越基础。它需要一个列表并在屏幕上直观地表示它，它没有很大的灵活性。但是，您可以创建一个扩展适配器的类，如 BaseAdapter，然后扩展其基本功能。这主要在 getView() 中完成。基本布局类似于：

public class ListAdapter extends BaseAdapter {
    Context context;
    int resource;
    List<Item> items = new List<Item>();

public ListAdapter(Context context, int resource, List<Item> items) {
    super(context, resource, items);
    this.context = context;
    this.resource = resource;
    this.items = items;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if(convertView == null){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(resource, parent, false);
    }

    // Dynamically work with each view in the list
}

可以在此堆栈答案Custom Adapter for List View 中看到更复杂的示例

Answer 2

尝试使用setBackgroundResource 而不是setImageResource：

symbolImageView.setBackgroundResource(this.getResources().getIdentifier(symbol.getFilename(), "raw", this.getPackageName()));