android - Android-GridView 中带有复选框的项目选择
问题描述
我遇到了 Android GridView 的问题。我已经尝试过 Stackoverflow 的各种解决方案,但没有一个真正奏效。
我在 ArrayAdapter 的帮助下填充 GridView。适配器膨胀仅包含图像和复选框的布局。我正在使用“convertView” - 以防止在添加图像时闪烁(将近 500 个图像被添加到 GridView)。
问题:当我选中复选框并滚动时,选中状态消失。此外,例如,当我检查多个 GridView 项目的复选框时,选择模式将无休止地继续适用于以下所有元素。
我的 GridView 是 RelativeLayout 的子元素。RelativeLayout 用作 ViewPager 中使用的片段的根元素:
<GridView
android:id="@+id/MainGrid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/appBackgroundColor"
android:drawSelectorOnTop="false"
android:listSelector="#00000000"
android:numColumns="2"
android:paddingLeft="6dp"
android:paddingTop="5dp"
android:paddingRight="6dp"
android:translationZ="2dp" />
我在线程的帮助下填充 GridView,该线程正在从网站下载图像数据。我认为这应该没有问题,但为了完整起见,这里是代码:
//Declaring the Array
ArrayList<GridImage> ImageArray = new ArrayList<>();
//And the adapter
Adapter_GridAdapter GridViewAdapter = new Adapter_GridAdapter (getActivity().getApplicationContext(), ImageArray );
//The following is executed 500 times in a thread
ImageArray.add(new GridImage(URL));
getActivity().runOnUiThread(new Runnable() {
@Override
public void run() {
GridViewAdapter.notifyDataSetChanged();
}
});
GridView 适配器的代码:
public class Adapter_GridAdapter extends ArrayAdapter<GridImage> {
Context context;
public Adapter_GridAdapter (Context context, ArrayList<GridImage> SearchResults) {
super(context, 0, SearchResults);
this.context = context;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = LayoutInflater.from(getContext());
View view = convertView;
if (convertView == null) {
view = inflater.inflate(R.layout.griditem_ig_post, null);
final ImageView ThisViewIMG = view.findViewById(R.id.GridImageView);
//Calculating Image Height (Square Image)
ThisViewIMG.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
@Override
public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
ThisViewIMG.removeOnLayoutChangeListener(this);
ThisViewIMG.getLayoutParams().height = ThisViewIMG.getWidth();
ThisViewIMG.requestLayout();
}
});
}
final GridImage ThisImg = getItem(position);
final ImageView ThumbnailImage = view.findViewById(R.id.GridImageView);
//THIS IS THE CUSTOM CHECKBOX!
final CustomCheckBox scb = (CustomCheckBox) view.findViewById(R.id.MyCheckBox);
//I AM SAVING THE VALUE IN THE OBJECT (TRY #38181 THAT DIDN'T WORK)
scb.setChecked(ThisImg.IsChecked);
scb.setOnCheckedChangeListener(new CustomCheckBox.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CustomCheckBox checkBox, boolean isChecked) {
Log.d("CustomCheckBox", String.valueOf(isChecked));
ThisImg.setChecked(isChecked);
}
});
Glide.with(context).load(Post.IMG_ThumbnailURL).fitCenter().into(ThumbnailImage);
return view;
}
}
对象本身很简单,问题(我认为)也不应该隐藏在这里:
public class GridImage{
public String PostURL;
public Boolean IsChecked = false;
GridImage(String URL){
PostURL = URL;
}
public void setChecked(Boolean checked) {
IsChecked = checked;
}
}
我已经尝试过的:
- https://stackoverflow.com/a/24016687/7850133 - 我的解决方案是使用标签而不是直接保存到对象中,对吗?
- https://stackoverflow.com/a/17188179/7850133 - SparseBooleanArray,但我不是 100% 确定我这样做是正确的
解决方案
在使用 ListView/GridView 适配器时,我总是避免使用final和onCheckedChangeListener,因为有时即使逻辑看起来正确,两者也可能会出现问题,因此请尝试以下代码:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = LayoutInflater.from(getContext());
View view = convertView;
if (convertView == null) {
view = inflater.inflate(R.layout.griditem_ig_post, null);
ImageView ThisViewIMG = view.findViewById(R.id.GridImageView);
//Calculating Image Height (Square Image)
ThisViewIMG.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
@Override
public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
v.removeOnLayoutChangeListener(this);
v.getLayoutParams().height = v.getWidth();
v.requestLayout();
}
});
}
GridImage ThisImg = getItem(position);
ImageView ThumbnailImage = view.findViewById(R.id.GridImageView);
//THIS IS THE CUSTOM CHECKBOX!
CustomCheckBox scb = (CustomCheckBox) view.findViewById(R.id.MyCheckBox);
scb.setChecked(ThisImg.IsChecked);
scb.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
CustomCheckBox cb = (CustomCheckBox)view;
int position = (int)cb.getTag();
GridImage ThisImg = getItem(position);
Log.d("CustomCheckBox", String.valueOf(!ThisImg.IsChecked));
ThisImg.setChecked(!ThisImg.IsChecked);
cb.setChecked(ThisImg.IsChecked);
}
});
Glide.with(context).load(Post.IMG_ThumbnailURL).fitCenter().into(ThumbnailImage);
scb.setTag(position);
return view;
}
希望有帮助!
推荐阅读
- microsoft-graph-api - 使用没有身份验证令牌的 Graph API 的 Microsoft 帐户照片
- python - 使用掩码的逻辑索引在 numpy 中工作,而不是在 Matlab 中
- python - 在 Python 中计算 n-Queens 问题中的碰撞次数
- scala - 通过列表列表中的第一个元素获取列表
- amazon-web-services - API Gateway Custom Authorizer 从不调用 Target lambda
- mysql - Spring Boot/Hibernate 创建表失败
- mysql - 为什么在尝试在数据库中查找和替换 javascript 时收到 SQL 错误
- hyperledger-fabric - Hyperledger Fabric 中的用户注册和登录
- css - 更改全高导航栏项目背景颜色
- node.js - 获取错误消息:角度 6 应用程序中未定义值