Android：ListView 中每行的动态复选框数
Android: Dynamic number of CheckBoxes for each Row in a ListView
我的应用程序显示 ListView，每行有一个 TextView 和复选框。 TextView 包含不同类型的食物。
每一行都有一个复选框。我想改变它。每种食物都有一个名为 numberOfPortions 的属性。此数字应确定行中复选框的数量。
例如：
ListItem Beans numberOfPortions = 3
这意味着我的 ListView 中带有 bean 的行应该有 3 个复选框，而不是以前的 1 个复选框。
我怎样才能做到这一点？如果我在我的行布局中添加三个复选框，每行将显示三个复选框，但也有行 numberOfPortions 是 1 或 2，因此应该只显示一个或两个复选框。
这张图片显示了我的列表应该是什么样子：
编辑：
我将这段代码添加到我的适配器中。它应该根据 Integer numCheckBox:
向每一行添加新的 CheckBoxes
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>
我不太确定这是否是您问题中指定问题的完美解决方案。但是，在检查了所需的 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 class 应该如下所示。
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 中保存您想要的值。不可见的复选框不会对其侦听器产生任何影响。希望有帮助！
我的应用程序显示 ListView，每行有一个 TextView 和复选框。 TextView 包含不同类型的食物。
每一行都有一个复选框。我想改变它。每种食物都有一个名为 numberOfPortions 的属性。此数字应确定行中复选框的数量。
例如：
ListItem Beans numberOfPortions = 3
这意味着我的 ListView 中带有 bean 的行应该有 3 个复选框，而不是以前的 1 个复选框。
我怎样才能做到这一点？如果我在我的行布局中添加三个复选框，每行将显示三个复选框，但也有行 numberOfPortions 是 1 或 2，因此应该只显示一个或两个复选框。
这张图片显示了我的列表应该是什么样子：
编辑：
我将这段代码添加到我的适配器中。它应该根据 Integer numCheckBox:
向每一行添加新的 CheckBoxesint 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>
我不太确定这是否是您问题中指定问题的完美解决方案。但是，在检查了所需的 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 class 应该如下所示。
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 中保存您想要的值。不可见的复选框不会对其侦听器产生任何影响。希望有帮助！