如何在列表適配器中正確使用ViewHolder和自定義視圖

Question

在我的Android應用程序中，我有包含汽車列表的ListView。每輛車都有（1至10）組的列表。

在每個列表項中我都有水平的組列表。我在這個水平列表中使用FlowLayout，爲此添加了「手動」視圖。

林不知道我使用這個ViewHolder概念是完全錯誤的嗎？

至少這比每個項目（FlowLayout）內部的水平列表都要消耗更多的內存。

我應該有自己的列表適配器這個水平列表，或者如何改善這個？

/** 
* List adapter (BaseAdapter), getView 
* 
*/ 
@Override 
public View getView(int position, View convertView, ViewGroup parent) { 

    ViewHolder holder = null; 
    Car car = (Car) getItem(position); 

    if (convertView == null) { 
     convertView = mInflater.inflate(R.layout.list_item_cars, null); 
     holder = new ViewHolder(); 
     holder.carName = (TextView)convertView.findViewById(R.id.car_name); 
     holder.carGroups = (FlowLayout)convertView.findViewById(R.id.car_groups); 
     convertView.setTag(holder); 
    } 
    else { 
     holder = (ViewHolder)convertView.getTag(); 
    } 

    holder.carName.setText(car.getName()); 
    buildGroupsFlowLayout(holder.carGroups, car.getGroups()); 
    return convertView; 
} 

/** 
* Build FlowLayout 
*/ 
private void buildGroupsFlowLayout(FlowLayout flowLayout, List<CarGroup> groupsList) { 

    flowLayout.removeAllViews(); 
    int i = 0; 

    for(CarGroup group : groupsList) { 
     View groupItemView = mInflater.inflate(R.layout.car_group_item, null); 
     TextView lineView = (TextView)groupItemView.findViewById(R.id.car_group_item_goup_text); 
     lineView.setText(group.getName()); 
     lineView.setTextColor(group.getColor()); 

     flowLayout.addView(groupItemView, i, new FlowLayout.LayoutParams(FlowLayout.LayoutParams.WRAP_CONTENT, FlowLayout.LayoutParams.WRAP_CONTENT)); 
     i++; 
    } 
} 

public static class ViewHolder { 
    public TextView carName; 
    public FlowLayout carGroups; 
} 

Answer 1

嘗試爲其中的所有UI邏輯創建自定義視圖（如CarView），然後將其用作ViewHolder。

也許是這樣的：

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    CarView carView; 
    if(convertView == null){ 
     carView = new CarView(context); 
    } else { 
     carView = (CarView) convertView; 
    } 
    carView.setData(getItem(position)); 
    return carView; 
} 

而且Carview會（你可以把你在這裏邏輯的FlowLayout）：

public class CarView extends FrameLayout{ 

    public SeriesTileView(Context context) { 
    this(context, null); 
    } 

    public SeriesTileView(Context context, AttributeSet attrs) { 
    this(context, attrs, 0); 
    } 

    public SeriesTileView(Context context, AttributeSet attrs, int defStyleAttr) { 
    super(context, attrs, defStyleAttr); 
    inflate(context, R.layout.view_car, this); 
    findViews(); 
    } 

    public void setData(Car car) { 
    nameTextView.setText(car.getName()); 
    } 

}