GridView滚动时选中Tile状态丢失问题求助

这个问题我太熟了！本质是GridView的Item复用机制在搞鬼——当你滚动列表时，已经滑出屏幕的ItemView会被回收，用来展示新进入屏幕的Item。如果你的选中状态只存在View本身（比如ViewHolder里的临时变量），回收复用后状态自然就丢了。

解决核心思路很简单：把选中状态存在数据源里，而不是View中，每次绑定数据时根据数据源的状态来刷新UI。下面是具体的实现步骤和代码示例：

1. 给数据模型添加选中状态字段 #

假设你的数据模型是IssueTile，给它加一个boolean isSelected的字段，用来持久化记录当前Tile的选中状态：

public class IssueTile {
    // 原图片资源ID
    private int originalResId;
    // 选中后的背景资源ID
    private int selectedResId;
    // 选中状态标记
    private boolean isSelected;

    // 构造方法、getter、setter 自行补充，务必给isSelected添加上get/set方法
    public boolean isSelected() {
        return isSelected;
    }

    public void setSelected(boolean selected) {
        isSelected = selected;
    }
}

2. 修改Adapter，绑定数据时根据状态更新UI #

在Adapter的getView方法里，每次绑定数据都从数据源读取选中状态，再设置对应的背景；同时在点击事件里更新数据源的状态并触发刷新：

public class IssueTileAdapter extends BaseAdapter {
    private Context mContext;
    private List<IssueTile> mTileList;

    public IssueTileAdapter(Context context, List<IssueTile> tileList) {
        mContext = context;
        mTileList = tileList;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_issue_tile, parent, false);
            holder = new ViewHolder();
            holder.tileView = convertView.findViewById(R.id.tile_view); // 替换成你实际的Tile控件ID
            convertView.setTag(holder);
            
            // 只在View创建时设置一次点击事件，避免重复绑定
            convertView.setOnClickListener(v -> {
                // 获取当前点击Item的位置
                int currentPos = (int) v.getTag(R.id.tag_position);
                IssueTile tile = mTileList.get(currentPos);
                // 切换选中状态
                tile.setSelected(!tile.isSelected());
                // 触发UI刷新，让状态同步到界面
                notifyDataSetChanged();
            });
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        
        // 绑定当前位置到View的Tag，供点击事件获取
        convertView.setTag(R.id.tag_position, position);
        IssueTile currentTile = mTileList.get(position);
        
        // 根据数据源的选中状态设置背景
        if (currentTile.isSelected()) {
            holder.tileView.setBackgroundResource(currentTile.getSelectedResId());
        } else {
            holder.tileView.setBackgroundResource(currentTile.getOriginalResId());
        }
        return convertView;
    }

    static class ViewHolder {
        View tileView;
    }
}

3. 关键注意事项 #

• 绝对不要把状态存在ViewHolder或View里：因为View会被复用，下次绑定新数据时这些临时状态会被覆盖或残留，导致状态混乱。
• 点击事件必须更新数据源：只有把状态存在数据源中，才能保证滚动时重新绑定数据能读取到正确的状态。
• 如果需要持久化状态（比如重启App后保留选中状态），可以把每个Tile的选中状态存在SharedPreferences里，初始化数据源时读取恢复。

这样修改后，不管怎么滚动GridView，每个Tile的选中状态都会和数据源保持一致，再也不会出现滚动后状态丢失的问题啦！

内容的提问来源于stack exchange，提问作者Grzegorz Brzęczyszczykiewicz