さまざまなアイテムレイアウトでListViewのViewHoldersを作成する

Question

アイテムごとに異なるレイアウトのリストビューがあります。一部のアイテムはセパレーターです。いくつかの項目は、さまざまな種類のデータなどを保持しているため異なっています。

GetViewプロセスを高速化するためにViewHoldersを実装したいのですが、どうすればいいかわかりません。異なるレイアウトには異なるデータ（ネーミングを難しくする）があり、使用するビューの数も異なります。

これを行うにはどうすればよいですか？

私が思いつく最良のアイデアは、X個のアイテムを持つ汎用ViewHolderを作成することです。ここで、Xは、アイテムレイアウト内のビューの最大数を持つビューの数です。ビューの数が少ない他のビューについては、ViewHolderでこれらの変数のサブセクションを使用します。 2つの異なるアイテムに使用する2つのレイアウトがあるとします。 1つには3つのTextViewがあり、もう1つには1があります。3つのTextView変数でViewHolderを作成し、そのうちの1つだけを他のアイテムに使用します。私の問題は、これは本当にい見た目になる可能性があり、本当にハッキーだと感じることです。特に、アイテムレイアウトに多くの異なるタイプの多くのビューがある場合。

非常に基本的な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を作成できるとします。しかし、「ホルダー」を最上位にあると宣言するタイプは何ですか？または、各タイプのホルダーを宣言してから、現在の行のタイプにホルダーを使用します。

Answer 1

ListViewには、タイプ管理システムが組み込まれています。アダプタには、いくつかのタイプのアイテムがあり、それぞれに独自のビューとレイアウトがあります。 getItemViewType をオーバーライドして特定の位置のデータ型を返すことにより、ListViewはそのデータ型の正しい変換ビューを渡すようになります。次に、getViewメソッドでデータ型を確認し、switchステートメントを使用して各型を異なる方法で処理します。

各レイアウトタイプには、命名の明確さと保守の容易さのために、独自のビューホルダーが必要です。 ViewHoldersに各データ型に関連する名前を付けて、すべてをまっすぐにします。

すべてを1つのViewHolderにオーバーラップさせることは、努力するだけの価値はありません。

Edit例

@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
    }
} 

Answer 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);
    }
}

}