Android: динамическое количество флажков для каждой строки в ListView

Question

Мое приложение показывает ListView с TextView и флажок для каждой строки.TextView содержит различные виды пищи.

В каждой строке есть один флажок.Я хочу изменить это.Каждый тип пищи имеет атрибут под названием numberOfPortions.Этот номер должен определять количество флажков в строке.

Например:

ListItem Beans numberOfPortions = 3  

Это означает, что строка в моем ListView с бобами должна иметь 3 флажка вместо ранее 1 флажка.

Как мне достичьтот?Если я добавлю три флажка в макет строки, в каждом ряду будут отображаться три флажка, но есть также строки, в которых numberOfPortions равно 1 или 2, поэтому должны отображаться только один или два флажка.

Этоизображение показывает, как должен выглядеть мой список:

РЕДАКТИРОВАТЬ:

Я добавил этот кусок кодак моему адаптеру.Следует добавить новые флажки в каждую строку в зависимости от целого числа numCheckBox:

int numCheckBox = item.numCheckBox;
CheckBox[] cb = new CheckBox[numCheckBox];
for(int i = 0; i < numCheckBox; i++){
    cb[i] = new CheckBox(parent.getContext());
     holder.rl.addView(cb[i]);
}

Я получаю NullPointerException.Но я не понимаю, почему это происходит?

Process: com.example.xx.myapplication, PID: 23887
java.lang.NullPointerException
      at com.example.timofocken.myapplication.ItemListAdapter.getView(ItemListAdapter.java:103)
      at android.widget.AbsListView.obtainView(AbsListView.java:2458)
      at android.widget.ListView.makeAndAddView(ListView.java:1891)
      at android.widget.ListView.fillDown(ListView.java:792)

Вот мой адаптер:

public class ItemListAdapter extends BaseAdapter {

    private LayoutInflater inflater;
    private ArrayList<Object> itemArray;
    int resIdImage;
    private static final int TYPE_ListElement = 0;
    private static final int TYPE_DIVIDER = 1;

    public ItemListAdapter(Context context, ArrayList<Object> itemArray, int resource) {
        this.itemArray = itemArray;
        this.resIdImage = resource;
        this.inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public int getCount() {
        return itemArray.size();
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public Object getItem(int position) {
        return itemArray.get(position);
    }

    @Override
    public int getViewTypeCount() {
        // TYPE_PERSON and TYPE_DIVIDER
        return 2;
    }

    @Override
    public int getItemViewType(int position) {
        if (getItem(position) instanceof ItemList) {
            return TYPE_ListElement;
        }

        return TYPE_DIVIDER;
    }

    @Override
    public boolean isEnabled(int position) {
        return (getItemViewType(position) == TYPE_ListElement);
    }

    public class DataHolder{
        ImageView imageView;
        TextView textView;
        CheckBox cb;
        RelativeLayout rl;
    }

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

        DataHolder holder =  null;
        int type = getItemViewType(position);
        if (convertView == null) {
            switch (type) {
                case TYPE_ListElement:
                    convertView = inflater.inflate(resIdImage, parent, false);
                    holder = new DataHolder();
                    holder.imageView = (ImageView) convertView.findViewById(R.id.image);
                    holder.textView = (TextView) convertView.findViewById(R.id.nameLabel);
                    holder.cb = (CheckBox) convertView.findViewById(R.id.checkbox);
                    holder.rl = (RelativeLayout) convertView.findViewById(R.id.row_layout);
                    convertView.setTag(holder);
                    break;
                case TYPE_DIVIDER:
                    convertView = inflater.inflate(R.layout.row_header, parent, false);
                    break;
            }
        } else {
            holder = (DataHolder)convertView.getTag();
        }

        switch (type) {
            case TYPE_ListElement:
                ItemList item = (ItemList) getItem(position);
                holder.textView.setText(item.getTitle());
                holder.imageView.setImageResource(item.resIdImage);
                holder.cb.setChecked(item.checked);

                int numCheckBox = item.numCheckBox;
                CheckBox[] cb = new CheckBox[numCheckBox];
                for(int i = 0; i < numCheckBox; i++){
                    cb[i] = new CheckBox(parent.getContext());
                     holder.rl.addView(cb[i]);
                }

                break;
            case TYPE_DIVIDER:
                TextView title = (TextView)convertView.findViewById(R.id.headerTitle);
                String titleString = (String)getItem(position);
                title.setText(titleString);
                break;
        }

        return convertView;
    }
}

Мой макет строки:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@mipmap/ic_launcher"
        android:layout_gravity="center"
        android:layout_margin="20dp"/>

    <TextView
        android:id="@+id/nameLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_margin="20dp"
        android:text="Name"
        android:layout_weight="1" />

    <CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_gravity="right|center"
        android:gravity="right|center" />
</LinearLayout>

Answer 1

Я не совсем уверен, является ли это изящным решением проблемы, указанной в вашем вопросе.Однако после проверки желаемого пользовательского интерфейса и вашего комментария позже, я думаю, что есть обходной путь, который включает меньше проблем.

Я хотел бы предложить оставить три флажка (так как три - это максимальный предел флажков, которые может иметь строка) в вашей структуре строк.Таким образом, окончательная компоновка каждой строки должна выглядеть следующим образом.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@mipmap/ic_launcher"
        android:layout_gravity="center"
        android:layout_margin="20dp"/>

    <TextView
        android:id="@+id/nameLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_margin="20dp"
        android:text="Name"
        android:layout_weight="1" />

    <CheckBox
        android:id="@+id/checkbox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_gravity="right|center"
        android:gravity="right|center" />

    <CheckBox
        android:id="@+id/checkbox2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_gravity="right|center"
        android:gravity="right|center" />

    <CheckBox
        android:id="@+id/checkbox3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_gravity="right|center"
        android:gravity="right|center" />
</LinearLayout>

Класс DataHolder внутри вашего адаптера должен выглядеть следующим образом.

public class DataHolder{
    ImageView imageView;
    TextView textView;
    CheckBox cb1;
    CheckBox cb2;
    CheckBox cb3;
    RelativeLayout rl;
}

Затем в вашей функции getView используйте три разных ссылки.

holder.cb1 = (CheckBox) convertView.findViewById(R.id.checkbox1);
holder.cb2 = (CheckBox) convertView.findViewById(R.id.checkbox2);
holder.cb3 = (CheckBox) convertView.findViewById(R.id.checkbox3);

Затем измените регистр переключателя, как показано ниже.

int numCheckBox = item.numCheckBox;

if(numCheckBox == 1) {
    cb1.setVisibility(View.VISIBLE);
    cb2.setVisibility(View.GONE);
    cb3.setVisibility(View.GONE);
} else if(numCheckBox == 2) {
    cb1.setVisibility(View.VISIBLE);
    cb2.setVisibility(View.VISIBLE);
    cb3.setVisibility(View.GONE);
} else if(numCheckBox == 3) {
    cb1.setVisibility(View.VISIBLE);
    cb2.setVisibility(View.VISIBLE);
    cb3.setVisibility(View.VISIBLE);
}

Как только элементы заполнены правильно, вы можете получить соответствующие действия для этих элементов-флажков.

Надеюсь, вы поняли идею.Пожалуйста, дайте мне знать, если есть что-то еще, чем я могу вам помочь.

Редактировать:

Вам не нужно проходить через чекбоксы, поскольку вы можете явно установить onCheckedChangeListener для каждого изВаш флажок, который будет сохранять нужные значения в SQLite.Невидимый флажок не будет влиять на их слушателя.Надеюсь, это поможет!