Создание ViewHolders для ListViews с различными макетами элементов - PullRequest
Новая
       30

Создание ViewHolders для ListViews с различными макетами элементов

49 голосов
/ 18 августа 2010

У меня есть ListView с разными раскладками для разных предметов. Некоторые элементы являются разделителями. Некоторые элементы отличаются, потому что они содержат различные виды данных и т. Д.

Я хочу реализовать ViewHolders для ускорения процесса getView, но я не совсем уверен, как это сделать. Разные макеты содержат разные фрагменты данных (что затрудняет именование) и разное количество видов, которые я хочу использовать.

Как мне это сделать?

Лучшая идея, которую я могу придумать, - это создать общий ViewHolder с элементами X, где X - это число видов в макете элемента с наибольшим числом из них. Для других представлений с небольшим количеством представлений я просто буду использовать подраздел этих переменных в ViewHolder. Скажем, у меня есть 2 макета, которые я использую для 2 разных предметов. Один имеет 3 TextViews, а другой - 1. Я бы создал ViewHolder с 3 переменными TextView и использовал бы только 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 для каждого типа строки. Но какой тип я бы объявил "держатель", чтобы быть на вершине? Или я бы объявил держателя для каждого типа, а затем использовал бы его для типа строки, в которой я нахожусь.

Ответы [ 2 ]

109 голосов
/ 18 августа 2010

ListView имеет встроенную систему управления типами.В вашем адаптере у вас есть несколько типов элементов, каждый со своим собственным видом и макетом.Переопределив getItemViewType для возврата типа данных заданной позиции, гарантируется, что ListView передаст правильное представление convert для этого типа данных.Затем в вашем методе 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
    }
}
0 голосов
/ 21 мая 2015

Другой пример.

открытый класс 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);
    }
}

}

...