java - 向下滚动时 ListView 图标出现在错误的行中

Question

~~Bugs screen caps~~向下滚动然后向上滚动时，Listview 图标出现在错误的行中，错误的 imageview 是 tvType，但是当我刷新时，一切都正确。感谢您的帮助。

私有(private)类 HistoryAdapter 扩展 BaseAdapter 实现 Filterable {

    private ArrayList<Historyinfo> _History;
    private ValueFilter valueFilter;
    private ArrayList<Historyinfo> mStringFilterList;
    private LayoutInflater layoutInflater;

    public HistoryAdapter(Context context, ArrayList<Historyinfo> _History){
        super();
        this._History = _History;
        mStringFilterList = _History;
        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        getFilter();
    }

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

    @Override
    public Object getItem(int position) {
        return _History.get(position);
    }

    @Override
    public long getItemId(int position) {
        return _History.get(position).getID();
    }

            @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null){
            convertView= layoutInflater.inflate(R.layout.listview_historyitem,parent,false);
        }
        Historyinfo historyinfo = _History.get(position);



      ImageView tvType = (ImageView)convertView.findViewById(R.id.tvType);
        TextView tvName = (TextView) convertView.findViewById(R.id.tvName);
        TextView tvDate = (TextView)convertView.findViewById(R.id.tvDate);


        if (Studentinfo.stuID.equals(historyinfo.actOrganizer)){
            tvType.setVisibility(View.VISIBLE);
            switch (Studentinfo.stuSex){
                case "M":
                    tvType.setImageResource(R.drawable.circled_user_male);
                    break;
                case "F":
                    tvType.setImageResource(R.drawable.circled_user_female_skin_type_4);
                    break;
               // default:tvType.setVisibility(View.GONE);
            }
        }
        else {
            tvType.setVisibility(View.GONE);
        }


        tvName.setText(historyinfo.getName());
        tvDate.setText(historyinfo.getDate());

        return convertView;



    }
    @Override
    public Filter getFilter() {
        if(valueFilter==null) {

            valueFilter=new ValueFilter();
        }

        return valueFilter;
    }

    private class ValueFilter extends Filter {

        @Override
        protected FilterResults performFiltering(CharSequence constraint) {
            FilterResults results=new FilterResults();
            if(constraint!=null && constraint.length()>0){
                ArrayList<Historyinfo> filterList= new ArrayList<>();
                for(int i=0;i<mStringFilterList.size();i++){
                    if((mStringFilterList.get(i).getName().toUpperCase())
                            .contains(constraint.toString().toUpperCase())||
                            (mStringFilterList.get(i).getType().toUpperCase())
                                    .contains(constraint.toString().toUpperCase())) {
                        Historyinfo contacts = new Historyinfo();
                        contacts.setActID(String.valueOf(mStringFilterList.get(i).getID()));
                        contacts.setActType(mStringFilterList.get(i).getType());
                        contacts.setActName(mStringFilterList.get(i).getName());
                        contacts.setActDate(mStringFilterList.get(i).getDate());
                        contacts.setActTime(mStringFilterList.get(i).getTime());
                        contacts.setActContent(mStringFilterList.get(i).getContent());
                        contacts.setActQuota(mStringFilterList.get(i).getQuota());
                        contacts.setActOrganizer(mStringFilterList.get(i).getOrganizer());

                        filterList.add(contacts);
                    }
                }
                results.count=filterList.size();
                results.values=filterList;
            }else{
                results.count=mStringFilterList.size();
                results.values=mStringFilterList;
            }
            return results;
        }

        @SuppressWarnings("unchecked")
        @Override
        protected void publishResults(CharSequence constraint, FilterResults results) {

            _History=(ArrayList<Historyinfo>) results.values;
            notifyDataSetChanged();
        }
    }

}

Answer 1

问题很可能出在扩展 BaseAdapter 上。

简而言之，Adapter 接口(interface)中有两个方法值得我们深入研究:

getItemViewType(int position);
getViewTypeCount()

及其在BaseAdapter中的实现

public int getItemViewType(int position) {
    return 0;
}

public int getViewTypeCount() {
    return 1;
}

这些方法对于 ListView 非常有用。可以深入了解ListView的工作原理以及回收 View in here但简而言之:每当新 View 即将出现时，ListView 都会向适配器询问其类型并检查它是否还没有相同类型的 View 。如果是这样，它将它作为 ConvertView 参数传递给 getView。

如果在加载其中一个 View 时出现这种情况，那么这就是您在 getView 代码中开始使用的“基本” View ，这非常好并且可以大大提高性能。

当此代码无法在您的适配器中执行时，就会出现问题:

if (Studentinfo.stuID.equals(historyinfo.actOrganizer)){
        switch (Studentinfo.stuSex){
            case "M":
                tvType.setImageResource(R.drawable.circled_user_male);
                break;
            case "F":
                tvType.setImageResource(R.drawable.circled_user_female_skin_type_4);
                break;
        }
    }

例如，当 StuSex 为 null 时，可能会发生这种情况。如果发生这种情况，则对于要创建的行，将使用来自 ConvertView 的图像(在不同情况下可能会有所不同)。

最简单的解决方案是为您的 case 语句添加默认值，并将图像设置为空图像。

更复杂的方法是重写 getViewTypeCount 方法以返回 3，并重写 getItemViewType 为男学生返回 0，为女学生返回 1，为其他学生返回 2。这在风格、代码可读性以及最重要的性能方面都会更好。