java - Android:ListView 中每行的动态复选框数

Question

我的应用程序显示一个 ListView，每行都有一个 TextView 和复选框。 TextView 包含不同类型的食物。

每一行都有一个复选框。我想改变它。每种食物都有一个名为 numberOfPortions 的属性。此数字应确定行中复选框的数量。

例如:

ListItem Beans numberOfPortions = 3  

这意味着我的 ListView 中带有 bean 的行应该有 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

我不太确定这是否是您问题中指定问题的完美解决方案。但是，在检查了所需的 UI 和上面稍后的评论之后，我认为有一个解决方法可以减少麻烦。

我想建议在您的行布局中保留三个复选框(因为三个是一行可以拥有的复选框的最大限制)。所以每一行的最终布局应该如下所示。

<?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>

Adapter 中的 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);

然后像下面这样修改switch case。

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 中保存您想要的值。不可见的复选框不会对其监听器产生任何影响。希望有帮助!