向下滚动时,列表视图图标出现在错误的行中

Listview icon appear in wrong row when scroll down

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

private class HistoryAdapter extends BaseAdapter implements 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();
        }
    }

}

问题很可能与扩展 BaseAdapter 有关。

简而言之,在Adapter接口中有两个方法我们应该深入了解一下:

getItemViewType(int position);
getViewTypeCount()

及其在BaseAdapter中的实现

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

public int getViewTypeCount() {
    return 1;
}

这些方法对ListView很有用。您可以更深入地了解 ListView 的工作原理和回收视图 in here 但简而言之:每当新视图即将出现时,ListView 都会询问适配器的类型并检查它是否还没有相同的视图类型。如果是,它将它作为 convertView 参数传递给 getView。

如果在加载其中一个视图时出现这种情况,那么这就是您在 getView 代码中开始使用的 "base" 视图,这非常好并且可以大大提高性能。

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

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 方法重写为 return 3,将 getItemViewType 重写为 return 0(男学生,1 女,2 其他)。这在风格、代码可读性以及最重要的是性能方面都会更好。