ListView滚动时条目错乱问题求助（附代码示例）

嗨，这个问题我太熟了！本质上是ListView的convertView复用机制导致的——当你滚动列表时，屏幕外的条目会被回收，用来展示新进入屏幕的条目。如果你的代码只给当前类型的条目设置内容，却没处理旧条目残留的控件状态，就会出现“错乱”的情况。

问题根源分析 #

看你的代码，getView里复用了view，但在switch分支中，你只处理了当前类型的逻辑，比如当复用的view之前是音频类型，现在要显示文本类型时，音频相关的控件并没有被隐藏或重置，所以它会继续显示在文本条目里，看起来就错乱了。

可行的解决步骤 #

我给你一套具体的修改方案，亲测有效：

1. 引入ViewHolder模式

不仅能提升列表性能，还能更方便地管理所有控件，避免重复findViewById。先定义一个ViewHolder类：

static class ViewHolder {
    // 假设你的布局里每个消息类型对应一个独立的容器布局
    View defaultLayout;
    View textLayout;
    View audioLayout;
    // 对应各类型的具体控件
    TextView textContent;
    TextView audioDuration;
    // 可以根据你的实际布局补充更多控件
}

2. 修改getView方法，统一重置控件状态

在绑定新数据前，先把所有类型的控件都隐藏，再根据当前消息类型显示对应内容：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder holder;
    if (view == null) {
        // 首次创建View时初始化ViewHolder
        view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.listview_messages, viewGroup, false);
        holder = new ViewHolder();
        // 绑定布局中的控件到ViewHolder
        holder.defaultLayout = view.findViewById(R.id.default_layout);
        holder.textLayout = view.findViewById(R.id.text_layout);
        holder.audioLayout = view.findViewById(R.id.audio_layout);
        holder.textContent = view.findViewById(R.id.text_content);
        holder.audioDuration = view.findViewById(R.id.audio_duration);
        view.setTag(holder);
    } else {
        // 复用View时直接取出ViewHolder
        holder = (ViewHolder) view.getTag();
    }

    Message message = getItem(i);
    if (message != null) {
        // 关键：先隐藏所有类型的布局，清除复用残留
        holder.defaultLayout.setVisibility(View.GONE);
        holder.textLayout.setVisibility(View.GONE);
        holder.audioLayout.setVisibility(View.GONE);

        // 根据消息类型显示对应布局并设置内容
        switch (message.type) {
            case DEFAULT:
                manageAsDefault(holder, message);
                break;
            case TEXT:
                manageAsText(holder, message);
                break;
            case AUDIO:
                manageAsAudio(holder, message);
                break;
        }
    }
    return view;
}

3. 调整manage方法，用ViewHolder操作控件

把原来的View参数换成ViewHolder，在方法里显示对应布局并设置内容：

private void manageAsDefault(ViewHolder holder, Message message) {
    holder.defaultLayout.setVisibility(View.VISIBLE);
    // 设置默认布局的内容，比如头像、时间等
}

private void manageAsText(ViewHolder holder, Message message) {
    holder.textLayout.setVisibility(View.VISIBLE);
    holder.textContent.setText(message.getTextContent());
    // 设置文本消息的其他属性，比如字体颜色、时间等
}

private void manageAsAudio(ViewHolder holder, Message message) {
    holder.audioLayout.setVisibility(View.VISIBLE);
    holder.audioDuration.setText(message.getAudioDuration() + "s");
    // 设置音频消息的其他属性，比如播放按钮状态等
}

额外注意点 #

• 确保你的布局文件中，每个消息类型的内容都放在独立的容器（比如LinearLayout或RelativeLayout）里，这样通过控制容器的显示/隐藏就能快速切换类型。
• 如果你的布局没有用容器划分，那要在每个manage方法里，不仅设置当前控件的内容，还要把其他无关控件清空或隐藏（比如文本类型时，把音频进度条隐藏，文本框显示并设置内容）。
• 检查你的数据源messages是否在滚动时被异步修改，如果有，记得调用adapter.notifyDataSetChanged()通知列表更新。

内容的提问来源于stack exchange，提问作者Sirolol