【问题标题】:Android: Dynamic number of CheckBoxes for each Row in a ListViewAndroid:ListView中每一行的动态复选框数
【发布时间】:2019-03-06 01:00:51
【问题描述】:

我的应用显示ListView,每行带有TextView 和复选框。 TextView 包含不同类型的食物。

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

例如:

ListItem Beans numberOfPortions = 3  

这意味着我的 ListView 中带有 bean 的行应该有 3 个复选框,而不是之前的 1 个复选框。

我怎样才能做到这一点?如果我在行布局中添加三个复选框,则每行将显示三个复选框,但也有行 numberOfPortions 为 1 或 2,因此应仅显示一或两个复选框。

这张图片显示了我的列表应该是什么样子:

编辑:

我将这段代码添加到我的适配器中。它应该根据整数 numCheckBox 向每一行添加新的 CheckBox:

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>

【问题讨论】:

  • 放置所有三个复选框是可以的,只需检查您必须在 getView 方法中的每一行上显示的复选框数量(如您所知,在适配器类中),然后您可以将额外的复选框可见性更改为 GONE 以不显示它们。有什么问题吗?
  • 好的,谢谢!稍后我会试试的
  • 我编辑了我的问题。如果你能检查出来就好了:)
  • 你有复选框的上限吗?例如,一行最多可以有 5 个复选框或类似的东西?
  • 哦,那很简单。只需在布局中添加三个复选框,然后根据 numberOfPortions 值设置可见性。让我写一个答案来澄清这件事。

标签: java android listview checkbox android-viewholder


【解决方案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>

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

【讨论】:

  • 谢谢!我会尽快尝试你的解决方案:)
  • 你知道我如何通过这些复选框来获取复选框的状态吗?因为我想用 SQLite 保存复选框的状态,但是我不确定如何获取每个复选框的状态
  • 请查看更新后的答案。我已经编辑了我的答案。
  • 我必须在哪里设置 onCheckedChangeListener?在我的 getView() 方法中?
  • 是的,您可以在 getView 方法中设置它。很高兴知道它有帮助!欢迎使用 StackOverflow。
猜你喜欢
  • 1970-01-01
  • 2020-05-15
  • 2020-02-28
  • 1970-01-01
  • 1970-01-01
  • 2016-01-10
  • 1970-01-01
  • 1970-01-01
  • 2021-11-23
相关资源
最近更新 更多