SimpleAdapter, текст и изображение в счетчике

У меня есть небольшая проблема. Что ж, позвольте мне сначала заявить, чего я пытаюсь достичь. У меня был спиннер, который вытягивает строки из сохраненного массива. Например, вам не нужно читать это:

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. 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);

Ответ для меня в комментариях.

Ответ 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;
        }

    }

Ответ 2

Проблема в том, что в getView вы назначили текст, соответствующий позиции, используя

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

Но для изображения вы использовали тот же ресурс, т.е.

((ImageView) convertView.findViewById(R.id.icon)).setImageResource(R.drawable.icon);

Вам нужно использовать список данных hashmap для данных и назначить изображение здесь

Ответ 3

Да @Викки, ты прав. Для изображения это должно быть

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

Ответ 4

Основываясь на приведенном выше ответе, но с несколькими настройками, чтобы упростить код и заставить его работать и для выпадающего списка. Сначала определите xml для макета строки, который вы хотите. В этом случае текстовое изображение и изображение в строке:

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);
}