java - 如何在 ListView 中保存 View 状态

Question

在我的应用程序中，我使用 ListView 显示检查列表。我的检查列表中的每一行都由一个模型表示，它是 ChecklistenPunkt 的对象。类(class)。共有三种不同类型的行:

1. 标题
2. 附加文字
3. 一个问题

第三种有两个Buttons其中由两个 OnClickListeners 连接:第一个Button一个用于肯定答案，第二个用于否定答案。当 View 构建时，两者都是灰色的，表明这个问题还没有答案。如果离开Button单击它会变成绿色，第二个会变成深灰色背景。如果对Button单击它会变成红色，第一个会变成深灰色背景。当 Button单击后，接听状态将保存为 ChecklistenPunktStatus 。这是Enum其中包含三个条目(好的，不好，没有回答)。

这是 Buttons 的小图片分三行，显示不同的状态:

这是我的适配器代码:

public class ChecklisteAdapter extends ArrayAdapter<Object> {

    private List<ChecklistenPunkt> list;
    private SparseArray<ChecklistenPunktStatus> sparseArray;
    private Context context;

    public ChecklisteAdapter(Context context, List<ChecklistenPunkt> objects) {
        super(context, 0);
        list = objects;
        sparseArray = new SparseArray<ChecklistenPunktStatus>();
        for (int i = 0; i < list.size(); i++) {
            sparseArray.put(i, ChecklistenPunktStatus.NICHT_SELEKTIERT);
        }
        this.context = context;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public ChecklistenPunkt getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getItemViewType(int position) {
        ChecklistenPunkt p = (ChecklistenPunkt) list.get(position);
        return p.getTyp();
    }

    @Override
    public int getViewTypeCount() {
        return 3;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        View v = null;
        int type = getItemViewType(position);
        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            final ViewHolder viewHolder = new ViewHolder();
            switch (type) {
                case Util.CHECKLISTE_FRAGE:
                    v = inflater.inflate(R.layout.pruefung_durchfuehren_list_item_frage, null);
                    viewHolder.nummer = (TextView) v.findViewById(R.id.check_nummer);
                    viewHolder.komponente = (TextView) v.findViewById(R.id.check_komponente);
                    viewHolder.funktion = (TextView) v.findViewById(R.id.check_funktion);
                    viewHolder.kriterium = (TextView) v.findViewById(R.id.check_kriterium);
                    viewHolder.erlaeuterung = (TextView) v.findViewById(R.id.check_erlaeuterung);
                    viewHolder.io = (Button) v.findViewById(R.id.button_i_o);
                    viewHolder.nio = (Button) v.findViewById(R.id.button_n_i_o);
                    viewHolder.io.setOnClickListener(new OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            viewHolder.io.setBackgroundColor(Color.GREEN);
                            viewHolder.io.setEnabled(false);
                            viewHolder.nio.setBackgroundColor(Color.GRAY);
                            viewHolder.nio.setEnabled(true);
                            sparseArray.put(position, ChecklistenPunktStatus.IN_ORDNUNG);
                        }
                    });
                    viewHolder.nio.setOnClickListener(new OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            viewHolder.nio.setBackgroundColor(Color.RED);
                            viewHolder.nio.setEnabled(false);
                            viewHolder.io.setBackgroundColor(Color.GRAY);
                            viewHolder.io.setEnabled(true);
                            sparseArray.put(position, ChecklistenPunktStatus.NICHT_IN_ORDNUNG);
                        }
                    });
                    ChecklistenPunktStatus status = sparseArray.get(position);
                    if (status == ChecklistenPunktStatus.IN_ORDNUNG) {
                        viewHolder.io.setBackgroundColor(Color.GREEN);
                        viewHolder.io.setEnabled(false);
                        viewHolder.nio.setBackgroundColor(Color.GRAY);
                        viewHolder.nio.setEnabled(true);
                    } else if (status == ChecklistenPunktStatus.NICHT_IN_ORDNUNG) {
                        viewHolder.nio.setBackgroundColor(Color.RED);
                        viewHolder.nio.setEnabled(false);
                        viewHolder.io.setBackgroundColor(Color.GRAY);
                        viewHolder.io.setEnabled(true);
                    } else if (status == ChecklistenPunktStatus.NICHT_SELEKTIERT) {
                        viewHolder.nio.setBackgroundColor(Color.parseColor("#cccccc"));
                        viewHolder.nio.setEnabled(true);
                        viewHolder.io.setBackgroundColor(Color.parseColor("#cccccc"));
                        viewHolder.io.setEnabled(true);
                    }

                    v.setTag(viewHolder);
                    break;
                case Util.CHECKLISTE_UEBERSCHRIFT:
                    v = inflater.inflate(R.layout.pruefung_durchfuehren_list_item_head, null);
                    viewHolder.headline = (TextView) v.findViewById(R.id.check_headline);
                    viewHolder.headnummer = (TextView) v.findViewById(R.id.check_headnummer);
                    v.setTag(viewHolder);
                    break;
                case Util.CHECKLISTE_ZUSATZTEXT:
                    v = inflater.inflate(R.layout.pruefung_durchfuehren_list_item_text, null);
                    viewHolder.text = (TextView) v.findViewById(R.id.check_text);
                    viewHolder.textnummer = (TextView) v.findViewById(R.id.check_textnummer);
                    v.setTag(viewHolder);
                    break;
                default:
                    throw new IllegalArgumentException("ViewType " + type + " unbekannt!");
            }
        } else {
            v = convertView;
        }

        ChecklistenPunkt clp = getItem(position);
        ViewHolder viewHolder = (ViewHolder) v.getTag();
        if (clp != null) {
            switch (type) {
                case Util.CHECKLISTE_FRAGE: {
                    viewHolder.nummer.setText(clp.getNummer());
                    viewHolder.komponente.setText(clp.getKomponente());
                    viewHolder.funktion.setText(clp.getFunktion());
                    viewHolder.kriterium.setText(clp.getKriterium());
                    viewHolder.erlaeuterung.setText(clp.getErlaeuterung());
                    ChecklistenPunktStatus status = sparseArray.get(position);
                    if (status == ChecklistenPunktStatus.IN_ORDNUNG) {
                        viewHolder.io.setBackgroundColor(Color.GREEN);
                        viewHolder.io.setEnabled(false);
                        viewHolder.nio.setBackgroundColor(Color.GRAY);
                        viewHolder.nio.setEnabled(true);
                    } else if (status == ChecklistenPunktStatus.NICHT_IN_ORDNUNG) {
                        viewHolder.nio.setBackgroundColor(Color.RED);
                        viewHolder.nio.setEnabled(false);
                        viewHolder.io.setBackgroundColor(Color.GRAY);
                        viewHolder.io.setEnabled(true);
                    } else if (status == ChecklistenPunktStatus.NICHT_SELEKTIERT) {
                        viewHolder.nio.setBackgroundColor(Color.parseColor("#cccccc"));
                        viewHolder.nio.setEnabled(true);
                        viewHolder.io.setBackgroundColor(Color.parseColor("#cccccc"));
                        viewHolder.io.setEnabled(true);
                    }
                    break;
                }
                case Util.CHECKLISTE_UEBERSCHRIFT: {
                    viewHolder.headline.setText(clp.getHeadline());
                    viewHolder.headnummer.setText(clp.getNummer());
                    break;
                }
                case Util.CHECKLISTE_ZUSATZTEXT: {
                    viewHolder.text.setText(Html.fromHtml(clp.getZusatz()));
                    viewHolder.textnummer.setText(clp.getNummer());
                    break;
                }
                default:
                    throw new IllegalArgumentException("ViewType " + type + " unbekannt!");
            }
        }
        return v;
    }

    public SparseArray<ChecklistenPunktStatus> getSparseArray() {
        return sparseArray;
    }

    static class ViewHolder {
        protected TextView nummer;
        protected TextView komponente;
        protected TextView kriterium;
        protected TextView funktion;
        protected TextView erlaeuterung;
        protected TextView text;
        protected TextView textnummer;
        protected TextView headline;
        protected TextView headnummer;
        protected Button io;
        protected Button nio;
    }
}

编辑:

当 convertView为空，我创建一个新的 View通过夸大我的布局。然后我创建一个新的 ViewHolder ，找到不同的TextViews和Buttons根据Views viewType并将它们放入 ViewHolder 。之后，我设置了这个ViewHolder作为 View 的标签。我按照viewType来区分再次设置 ViewHolder 内 View 的文本和监听器。然后我返回 View 。

当 convertView不为空我重用了 View 。我得到ViewHolder与 getTag()方法，根据模型类设置文本和按钮状态，并在方法结束时返回 View 。

我的问题是应答状态正确保存在 SparseArray 中，但显示不正确。当我回答列表第一行中的问题然后向下滚动时，已回答的问题将显示在列表末尾。通过上下滚动，我可以完全搞乱回答状态。但当这种情况发生时，sparseArray 中的状态始终是正确的。

我在这里遗漏了什么吗？

Answer 1

我认为代码有问题。当您使用相同的单元格并且 View 不为空时，您应该重用相同的持有者而不是convertView。类似这样的事情:

ViewHolder viewHolder = new ViewHolder();
if (convertView == null) {
    LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    .
    .
    .
} 
else {
    viewHolder = convertView.getTag();
}