Android：BaseAdapter 重绘相同的数据

Question

我通过扩展 BaseAdapter 创建了一个自定义适配器，并试图显示一个可滚动的列表视图，只要用户一直滚动到底部，它就会展开。然而，当更新底层 ArrayList 时，不是为新元素生成新视图并将它们附加到列表视图的底部，而是重新绘制 ArrayList 中一些已经存在的元素。

我正在从 Wordpress 博客下载 JSON 数据，并希望在列表视图中显示每个帖子的图像和摘录。我在列表视图中实现了一个监听器，只要用户滚动到底部就会调用它。当滚动到底部时，将执行下三个最近的博客文章的下载。下载完成后，我更新 BlogPosts 的 ArrayList blogPosts，如下所示并调用 notifyDataSetChanged()。 我检查了 JSON 数据是否正确下载：当我切换到存档视图时，会显示前三个最新帖子（请参阅视频）。下载完成后，调用addToPosts()。参数posts 也是正确的，由接下来的三个帖子组成。

list_view.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/archive_page"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<ProgressBar
    android:id="@+id/loading_panel_archive"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminate="true"
    android:layout_gravity="center"/>

<ListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
</FrameLayout>

list_view_item.xml

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/test"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
    android:id="@+id/image_view_lv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    />

<TextView
    android:id="@+id/text_view_lv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:textColor="@color/colorPrimary"/>
</LinearLayout>

CustomAdapter.java

public class CustomAdapter extends BaseAdapter {
    private Context context;
    private ArrayList<BlogPost> blogPosts;

    public CustomAdapter(Context context, ArrayList<BlogPost> blogPosts) {
        this.blogPosts = blogPosts;
        this.context = context;
    }

    @Override
    public int getViewTypeCount() {
        return getCount();
    }

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

    @Override
    public Object getItem(int i) {
        return blogPosts.get(i);
    }

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

    @Override
    public View getView(final int i, View view, ViewGroup viewGroup) {
        final ViewHolder holder;

        if (view == null) {
            holder = new ViewHolder();
            LayoutInflater inflater = (LayoutInflater) context
               .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = inflater.inflate(R.layout.list_view_item, 
                viewGroup,  false);
            holder.tvname = view.findViewById(R.id.text_view_lv);
            holder.iv = view.findViewById(R.id.image_view_lv);

            final BlogPost currentPost = (BlogPost) getItem(i);
            holder.tvname.setText(currentPost.getContent());

            if (!currentPost.isAsyncTaskFinished()){
                currentPost.setListener(new BlogPost.ChangeListener() {
                    @Override
                    public void onChange() {
                        holder.iv.setImageBitmap(currentPost.getBitmap());
                    }
                });
            }else{
                holder.iv.setImageBitmap(currentPost.getBitmap());
            }

        }
        return view;
    }


public void addToPosts(ArrayList<BlogPost> posts){
    this.blogPosts.addAll(posts);
    this.notifyDataSetChanged();
}

private class ViewHolder {
    protected TextView tvname;
    private ImageView iv;
    }
}

列表视图和自定义适配器的设置：

ListView lv = findViewById(R.id.list_view);
CustomAdapter adapter = new CustomAdapter(getApplicationContext(),
firstThreePosts);
lv.setAdapter(adapter);

ProgressBar bar = findViewById(R.id.loading_panel_archive);
bar.setVisibility(View.GONE);

//scroll listener...

我预计接下来的三个帖子会附加到列表视图中， 然而这就是发生的事情： https://1drv.ms/v/s!AuPD10kPw_c5ghHaajc4OYFvkV1K?e=iVc2mS

第六和第五个帖子被一遍又一遍地抽出来，新的帖子 从不绘制。 也许getView 中的参数i 会导致这种行为，但我无法真正理解发生了什么。 任何帮助将不胜感激！

Answer 1

试试这个 getView()：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    final ViewHolder holder;

    if (view == null) {
        holder = new ViewHolder();
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        view = inflater.inflate(R.layout.list_view_item, viewGroup,  false);
        holder.tvname = view.findViewById(R.id.text_view_lv);
        holder.iv = view.findViewById(R.id.image_view_lv);
        view.setTag(holder);
    } else {
        holder = (ViewHolder)view.getTag();
    }

    final BlogPost currentPost = (BlogPost) getItem(i);
    holder.tvname.setText(currentPost.getContent());

    if (!currentPost.isAsyncTaskFinished()){
        currentPost.setListener(new BlogPost.ChangeListener() {
            @Override
            public void onChange() {
                holder.iv.setImageBitmap(currentPost.getBitmap());
            }
        });
    }else{
        holder.iv.setImageBitmap(currentPost.getBitmap());
    }

    return view;
}

希望有帮助！