Spininner中的SimpleAdapter，Text和Image

Question

我有一点问题。 好吧，让我先说明我想要完成的事情。 我有一个旋转器，可以从存储的数组中拉出字符串。 像这样，你不需要阅读它：

ArrayAdapter<?> healthadapter = ArrayAdapter.createFromResource(this, R.array.health, android.R.layout.simple_spinner_item);
mHealthSpin = (Spinner) findViewById(R.id.health_spin);
healthadapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
mHealthSpin.setAdapter(healthadapter);

简单而且几乎足够。 我想在Spinner.添加一个图像Spinner. RadioButton不是必需的。 所以Spinner应该弹出并有一个列表：

TEXT     *IMAGE*
TEXT2    *IMAGE*
TEXT3    *IMAGE*

到目前为止，我有一个自定义SimpleAdapter. 这是问题!! ：

文字出现但不是图像。

这是代码：

public class stageadapter extends SimpleAdapter {

    private Context localContext;
    private ArrayList<HashMap<String, Object>> localList;

    public stageadapter(Context context, ArrayList<HashMap<String, Object>> list, int resource, String[] from, int[] to) {
        super(context, list, resource, from, to);
        localContext = context;
        localList = list;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (null == convertView) {
            LayoutInflater inflater = (LayoutInflater) localContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.stagerow, null);
        }
        TextView name = (TextView) convertView.findViewById(R.id.stage_name);
        name.setText((String) localList.get(position).get("Name"));
        ImageView icon = (ImageView) convertView.findViewById(R.id.stage_icon);

        icon.setImageResource(R.drawable.icon);

        return convertView;
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        if (null == convertView) {
            LayoutInflater inflater = (LayoutInflater) localContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.stagerow, null);
        }
        TextView name = (TextView) convertView.findViewById(R.id.stage_name);
        name.setText((String) localList.get(position).get("Name"));
        ImageView icon = (ImageView) convertView.findViewById(R.id.stage_icon);
        icon.setImageResource(R.drawable.icon);

        return convertView;
    }
}

我计划使用switch语句为每个名称设置不同的图像。 然而，我停在这里，直到我可以得到任何图像显示。

我怎么称呼：

ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
    HashMap<String, Object> map = new HashMap<String, Object>();
    map.put("Name", "One");
    map.put("Icon", R.drawable.icon);
    list.add(map);

    map = new HashMap<String, Object>();
    map.put("Name", "Two");
    map.put("Icon", R.drawable.icon);
    list.add(map);

    mStageSpin = (Spinner) findViewById(R.id.stage_spin);
    stageadapter adapter = new stageadapter(getApplicationContext(), list, R.layout.stagerow, new String[]{"Name", "Icon"}, new int[]{R.id.stage_name, R.id.stage_icon});
    mStageSpin.setAdapter(adapter);

我的答案在评论中。

Answer 1

删除以下行 - 它使您的适配器混淆：

healthadapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);

        ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
        HashMap<String, Object> map = new HashMap<String, Object>();
        map.put("Name", "One");
        map.put("Icon", R.drawable.icon);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("Name", "Two");
        map.put("Icon", R.drawable.icon);
        list.add(map);

        Spinner spin = (Spinner) findViewById(R.id.spin);
        myAdapter adapter = new myAdapter(getApplicationContext(), list,
                R.layout.list_layout, new String[] { "Name", "Icon" },
                new int[] { R.id.name, R.id.icon });

        spin.setAdapter(adapter);

    }

    private class myAdapter extends SimpleAdapter {

        public myAdapter(Context context, List<? extends Map<String, ?>> data,
                int resource, String[] from, int[] to) {
            super(context, data, resource, from, to);

        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            if (convertView == null) {
                convertView = getLayoutInflater().inflate(R.layout.list_layout,
                        null);
            }

            HashMap<String, Object> data = (HashMap<String, Object>) getItem(position);

            ((TextView) convertView.findViewById(R.id.name))
                    .setText((String) data.get("Name"));
            ((ImageView) convertView.findViewById(R.id.icon))
                    .setImageResource(R.drawable.icon);

            return convertView;
        }

    }

Answer 2

问题是在getView中你已经分配了与使用位置相对应的文本

（（TextView）convertView.findViewById（R.id.name））。setText（（String）data.get（“Name”））;

但是对于图像你使用了相同的资源即

（（ImageView）convertView.findViewById（R.id.icon））。setImageResource（R.drawable.icon）;

您需要使用“数据”哈希映射列表并在此处分配图像

Answer 3

是的@Vicky你是对的。 对于图像应该是

((ImageView) convertView.findViewById(R.id.icon)) .setBackgroundResource((Integer) data.get("Icon"));

Answer 4

基于上面的答案，但通过一些调整来简化代码并使其适用于下拉列表。 首先为所需的行布局定义xml。 在这种情况下，textview和行中的图像：

text_image_spinner_layout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >

<TextView android:id="@+id/text_image_spinner_text_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:text="Medium Text"
    android:textAppearance="?android:attr/textAppearanceMedium" />
<ImageView android:id="@+id/text_image_spinner_image_imageview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:src="@drawable/icon" />
</LinearLayout>

然后，创建将根据需要构建每一行的类：

TextImageAdapter.java

public class ImageTextAdapter extends SimpleAdapter {
public final static String keyForTextInAdapter  = "text";
public final static String keyForImageInAdapter = "image";

private final static String fromKeys[]        = {keyForTextInAdapter, keyForImageInAdapter};
private final static int    toIds[]           = {MyR.id.text_image_spinner_text_tv, MyR.id.text_image_spinner_image_imageview};
private final static int    TO_ID_TEXT_INDEX  = 0;
private final static int    TO_ID_IMAGE_INDEX = 1;
private final static int    layoutId          = MyR.layout.text_image_spinner_layout;

private final static int    TYPE_SHOWN_SELECTION = 0;
private final static int    TYPE_IN_DROPDOWN     = 1;

LayoutInflater inflater;
private List<? extends Map<String, ?>> dataIn;

public ImageTextAdapter(Context context, List<? extends Map<String, ?>> data) {
    super(context, data, layoutId, fromKeys, toIds);
    inflater  = LayoutInflater.from(context);
    dataIn    = data;
}

@Override
public View getDropDownView(int position, View convertView, ViewGroup parent) {
    return makeView(position, convertView, parent,TYPE_IN_DROPDOWN);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    return makeView(position, convertView, parent, TYPE_SHOWN_SELECTION);
}

private View makeView(int position, View convertView, ViewGroup parent, int type) {
    // Use the int type if you want to determine different actions if you have
    // differing requirements for the dropdown and the shown selection.
    if (convertView == null) convertView = inflater.inflate(layoutId, null);

    HashMap<String, Object> data = (HashMap<String, Object>)dataIn.get(position);

    ((TextView) convertView.findViewById(toIds[TO_ID_TEXT_INDEX])).setText((String) data.get(keyForTextInAdapter));
    ((ImageView) convertView.findViewById(toIds[TO_ID_IMAGE_INDEX])).setImageBitmap((Bitmap) data.get(keyForImageInAdapter));

    return convertView;
  }
}

现在，您只需在实例化时构建微调器适配器。 你提供“东西”......：

private void setUpAppOptions() {
    ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
    HashMap<String, Object> map;

    for (int i=0; i<things.length; i++) {
        map = new HashMap<String, Object>();
        map.put(ImageTextAdapter.keyForTextInAdapter, things[i].name);
        map.put(ImageTextAdapter.keyForImageInAdapter, things[i].image);
        list.add(map);
    }

    ImageTextAdapter adapter = new ImageTextAdapter(myContext, list);
    appOptionSpinner.setAdapter(adapter);
}