【问题标题】:Creating ViewHolders for ListViews with different item layouts为具有不同项目布局的 ListView 创建 ViewHolders
【发布时间】:2010-08-18 16:51:01
【问题描述】:

我有一个 ListView,不同的项目有不同的布局。有些项目是分隔符。有些项目是不同的,因为它们包含不同类型的数据等。

我想实现 ViewHolders 以加快 getView 过程,但我不太确定如何去做。不同的布局有不同的数据(这使得命名变得困难)和我想要使用的不同数量的视图。

我该怎么做呢?

我能想到的最好的想法是创建一个带有 X 个项目的通用 ViewHolder,其中 X 是项目布局中数量最多的视图数量。对于具有少量视图的其他视图,我将只在 ViewHolder 中使用这些变量的一小部分。所以说我有 2 个布局用于 2 个不同的项目。一个有 3 个 TextView,另一个有 1 个。我将创建一个带有 3 个 TextView 变量的 ViewHolder,并且只将其中的 1 个用于我的其他项目。我的问题是,这看起来真的很丑,而且感觉很hacky;特别是当一个项目布局可能有许多不同类型的视图时。

这是一个非常基本的getView:

@Override
public View getView(int position, View convertView, ViewGroup parent) {

    MyHolder holder;

    View v = convertView;
    if (v == null) {
        LayoutInflater vi = (LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        v = vi.inflate(R.layout.layout_mylistlist_item, parent, false);

        holder = new MyHolder();
        holder.text = (TextView) v.findViewById(R.id.mylist_itemname);
        v.setTag(holder);
    }
    else {
        holder = (MyHolder)v.getTag();
    }

    MyListItem myItem = m_items.get(position);

    // set up the list item
    if (myItem != null) {
        // set item text
        if (holder.text != null) {
            holder.text.setText(myItem.getItemName());
        }
    }

    // return the created view
    return v;
}

假设我有不同类型的行布局,我可以为每种类型的行设置一个 ViewHolder。但是我会声明什么类型的“持有人”在顶部?或者我会为每种类型声明一个持有者,然后将其用于我所在的行类型。

【问题讨论】:

    标签: android listview listactivity


    【解决方案1】:

    ListView 有一个内置的类型管理系统。在您的适配器中,您有几种类型的项目,每个项目都有自己的视图和布局。通过覆盖getItemViewType 以返回给定位置的数据类型,ListView 保证为该类型的数据传递正确的转换视图。然后,在您的 getView 方法中简单地检查数据类型并使用 switch 语句以不同方式处理每种类型。

    每个布局类型都应该有自己的视图,以便命名清晰和易于维护。将 ViewHolders 命名为与每种数据类型相关的名称,以保持一切正常。

    试图将所有内容重叠到一个 ViewHolder 中是不值得的。

    编辑 示例

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
        int viewType = this.getItemViewType(position);
    
        switch(viewType)
        {
           case TYPE1:
    
            Type1Holder holder1; 
    
             View v = convertView; 
             if (v == null) { 
                 LayoutInflater vi = (LayoutInflater)getContext().getSystemService     (Context.LAYOUT_INFLATER_SERVICE); 
                 v = vi.inflate(R.layout.layout_mylistlist_item_type_1, parent, false); 
    
                 holder1 = new Type1Holder (); 
                 holder1.text = (TextView) v.findViewById(R.id.mylist_itemname); 
                 v.setTag(holder1); 
             } 
             else { 
                 holder1 = (Type1Holder)v.getTag(); 
             } 
    
             MyListItem myItem = m_items.get(position); 
    
             // set up the list item 
             if (myItem != null) { 
                 // set item text 
                 if (holder1.text != null) { 
                     holder1.text.setText(myItem.getItemName()); 
                 } 
             } 
    
             // return the created view 
             return v; 
    
    
         case TYPE2:
                Type2Holder holder2; 
    
             View v = convertView; 
             if (v == null) { 
                 LayoutInflater vi = (LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
                 v = vi.inflate(R.layout.layout_mylistlist_item_type_2, parent, false); 
    
                 holder2 = new Type2Holder (); 
                 holder2.text = (TextView) v.findViewById(R.id.mylist_itemname); 
                 holder2.icon = (ImageView) v.findViewById(R.id.mylist_itemicon); 
                 v.setTag(holder1); 
             } 
             else { 
                 holder2 = (Type2Holder)v.getTag(); 
             } 
    
             MyListItem myItem = m_items.get(position); 
    
             // set up the list item 
             if (myItem != null) { 
                 // set item text 
                 if (holder2.text != null) { 
                     holder2.text.setText(myItem.getItemName()); 
                 } 
    
                 if(holder2.icon != null)
                     holder2.icon.setDrawable(R.drawable.icon1);
             } 
    
    
             // return the created view 
             return v; 
    
    
           default:
               //Throw exception, unknown data type
        }
    } 
    

    【讨论】:

    • 也许我需要对我的 Java 进行一些复习。在我的 ListActivities 中的 getView 函数的开头,我为该 ListView 实例化了我定义的持有者。然后,我检查 convertView 是否为 null,然后使用 getTag 或创建持有者并设置项目。如果我要对项目类型使用不同的持有人,我应该在 getView 的开头声明我的持有人吗?还是我需要为我的所有项目类型实例化 1 并初始化并使用与行类型对应的那个?
    • @Andrew 将其视为为每种视图类型编写完全不同的 getView 函数,因为您返回的是完全不同的视图。如果需要,您甚至可以将每个 case 语句提取到它自己的方法中。
    • 当您尝试以第二种类型投射视图持有人时,上述答案将以 classcastexception 结束,因为 convertview 将拥有第一个持有人。
    • @pyus13 不会,关键是当你覆盖这些方法时,listview 保证给你正确的视图类型
    • @pyus13 要修复异常,请确保还覆盖 getViewTypeCount 以返回列表视图中不同视图类型的总数。答案只提到覆盖getItemViewType
    【解决方案2】:

    另一个例子。

    公共类 CardArrayAdapter 扩展 ArrayAdapter {

    public CardArrayAdapter(Context context) {
        super(context, R.layout.adapter_card);
    }
    
    @Override
    public View getView(int position, View view, ViewGroup parent) {
    
        final Card card = getItem(position);
        ViewHolder holder;
    
        //if (view != null) {
            //holder = (ViewHolder) view.getTag();
        //} else {
        Log.d("card.important?", card.name + " = " + Boolean.toString(card.important));
        if(card.important) {
            view = LayoutInflater.from(getContext()).inflate(R.layout.adapter_card_important, parent, false);
        }else {
            view = LayoutInflater.from(getContext()).inflate(R.layout.adapter_card, parent, false);
        }
        holder = new ViewHolder(view);
        view.setTag(holder);
        //}
    
        // IMG
        Picasso.with(getContext())
                .load(card.logo)
                .placeholder(R.drawable.ic_phonebook)
                .error(R.drawable.ic_phonebook)
                .fit()
                .centerCrop()
                .transform(new CircleTransform())
                .into(holder.logo);
    
        holder.name.setText(card.name);
    
        if(card.important) {
            holder.category.setVisibility(View.VISIBLE);
            if (card.category.equals("airline")) {
                card.category = "airlines";
            }
            int id = getContext().getResources().getIdentifier(card.category, "string", getContext().getPackageName());
            holder.category.setText(getContext().getResources().getString(id));
        }else {
            holder.category.setVisibility(View.GONE);
        }
    
        holder.tagline.setText(card.tagline);
        holder.favorite.setChecked(card.favorite);
    
        holder.favorite.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                card.favorite = ((CheckBox) v).isChecked();
                card.save();
            }
        });
    
        return view;
    
    }
    
    static class ViewHolder {
        @InjectView(R.id.logo) ImageView logo;
        @InjectView(R.id.name) TextView name;
        @InjectView(R.id.category) TextView category;
        @InjectView(R.id.tagline) TextView tagline;
        @InjectView(R.id.favorite) CheckBox favorite;
        public ViewHolder(View view) {
            ButterKnife.inject(this, view);
        }
    }
    

    }

    【讨论】:

    • 我认为,这会起作用,但它会降低 viewholder 的可用性,因为每次它改变类型时,你都会膨胀新的布局
    【解决方案3】:

    使用视图类型并不是最简单的方法。有时最好不要使用 ViewType,而是实现一个可以做所有事情的类层次结构。

    好的,我们的任务是在列表中显示家具项目 - 椅子、床等。先实现对象模型:

    public abstract class FurnitureBase  {
        @LayoutRes
        abstract public int getLayoutFileResource();
        abstract public HolderFurnitureBase getHolder(View convertView);
    }
    
    
    public class FurnitureChair extends FurnitureBase  {
        public double price;
        public Material material;
        ...
    
        public FurnitureChair(double price, Material material) {
            ...
        }
    
    
        @Override
        public int getLayoutFileResource() {
            return R.layout.item_furniture_chair;
        }
    
    
        @Override
        public HolderFurnitureBase getHolder(View convertView) {
            return new HolderFurnitureChair(convertView);
        }
    }
    
    
    public class FurnitureBed extends FurnitureBase  {
        public double price;
        public BedSize size;
        ...
    
        public FurnitureBed(double price, BedSize size) {
            ...
        }
    
    
        @Override
        public int getLayoutFileResource() {
            return R.layout.item_furniture_bed;
        }
    
    
        @Override
        public HolderFurnitureBase getHolder(View convertView) {
            return new HolderFurnitureBed(convertView);
        }
    }
    

    接下来,创建持有者:

    public abstract class HolderFurnitureBase
    {
        public HolderFurnitureBase(View convertView) { };
    
        public abstract void renderItem(FurnitureBase item);
    }
    
    public class HolderFurnitureChair extends HolderFurnitureBase
    {
        private final ImageViewAccent mIconAction;
        private final TextViewPrimaryDark mPrice;
        ...
    
        public HolderFurnitureChair(View convertView)
        {
            // just init views
            super(convertView);
            this.mIconAction = convertView.findViewById(R.id.item_furniture_chair_icon_action;
            this.mPrice = convertView.findViewById(R.id.item_furniture_chair_text_price);
        }
    
    
        public void renderItem(FurnitureBase item)
        {
            FurnitureChair chair = (FurnitureChair ) item;
            mIconAction.setImageResource(chair.getProductTypeIcon());
            mPrice.setText(Utils.Formatter.formatMoney(chair.price, chair.priceCurrency));
        }
    }
    
    
    public class HolderFurnitureBed extends HolderFurnitureBase
    {
        private final TextView mSize;
        private final TextViewPrimaryDark mPrice;
        ...
    
        public HolderFurnitureBed(View convertView)
        {
            // just init views
            super(convertView);
            this.mSize = convertView.findViewById(R.id.item_furniture_bed_text_size;
            this.mPrice = convertView.findViewById(R.id.item_furniture_bed_text_price);
        }
    
    
        public void renderItem(FurnitureBase item)
        {
            FurnitureBed bed = (FurnitureBed) item;
            mSize.setText(bed.getSizeText());
            mPrice.setText(Utils.Formatter.formatMoney(bed.getPrice(), bed.getPriceCurrency()));
        }
    }
    

    并在适配器中收集所有魔法:

    public final class AdapterFurniture extends ArrayAdapter<FurnitureBase>
    {
        public AdapterFurniture(Context context, List<FurnitureBase> items) {
            super(context, R.layout.item_furniture_bed, items);
        }
    
        @NonNull
        @Override
        public View getView(final int position, @Nullable View convertView, @NonNull ViewGroup parent)
        {
            FurnitureBase item = getItem(position);
            HolderFurnitureBase holder;
            if (convertView == null) {
                convertView = LayoutInflater.from(getContext()).inflate(item.getLayoutFileResource(), parent, false);
                holder = item.getHolder(convertView);
            }
            else {
                holder = (HolderFurnitureBase) convertView.getTag();
            }
            holder.renderItem(getItem(position));
            convertView.setTag(holder);
            return convertView;
        }
    }
    

    就是这样。无需计算视图类型,添加沙发和扶手椅时无需更改适配器等等 - 只需扩展新项目的基类和新持有人的持有人基类,应用程序就准备好了测试人员享受:)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-23
      相关资源
      最近更新 更多