Android 中的 ListView 性能

Question

我正在开发一个 Andorid 应用程序，该应用程序将通过 ListView 列出很多书籍，实际上我已经使用 ListView 有一段时间了，我知道它的基本用法。

我还阅读了这篇论文：http://lucasr.org/2012/04/05/performance-tips-for-androids-listview/

但是我发现即使我按照文章中提到的技巧，例如使用“视图回收”和“异步加载”，滚动 ListView 看起来也不流畅。

这是适配器：

class BookAdapter extends ArrayAdapter<Book> {
    private List<Book> data;

    public BookAdapter(Context context, int resource, List<Book> data) {
        super(context, resource, data);
        this.data = data;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = new DynamicBookView(getContext());

        }

        Book bk = getItem(position);
        DynamicBookView bookView = ((DynamicBookView) convertView); //so said view recycling
        bookView.setBook(bk);

        return convertView;
    }

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

    @Override
    public Book getItem(int position) {
        return data.get(position);
    }

    public void swap(List<Book> books) {
        data.clear();
        data.addAll(books);
        notifyDataSetChanged();
    }
}

还有观点：

public class DynamicBookView extends RelativeLayout {
    private ImageView bImage;
    private TextView bName;
    private TextView bAuthor;
    private TextView bDesc;


    AsyncHttpClient asyncHttpClient = new AsyncHttpClient();
    RequestHandle lastRequset;

    public DynamicBookView(Context context) {
        this(context, null);
    }

    public DynamicBookView(Context context, AttributeSet attrs) {
        super(context, attrs);

        View v = LayoutInflater.from(context).inflate(R.layout.common_dynamic_book, null);
        addView(v, LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
        bImage = (ImageView) v.findViewById(R.id.book_image);
        bName = (TextView) v.findViewById(R.id.book_name);
        bAuthor = (TextView) v.findViewById(R.id.book_author);
        bDesc = (TextView) v.findViewById(R.id.book_description);
    }

    public void setBook(final Book book) {
        DynamicBookView.this.reset();
        bName.setText(book.name);
        bAuthor.setText(book.author);
        bDesc.setText(book.description);
        if (book.icon != null)
            fetchImageForBook(book);
        if (!book.loaded) {
            // loadBook is an async operation which use `AsyncHttpClient` too
            BookServer.getInstance().loadBook(book, new BookServer.BookServerLoadListener() {
                @Override
                protected void onComplete() {
                    setBook(book);
                }
            });
        }
    }

    private void fetchImageForBook(Book book) {
        //get from local:


        if (lastRequset != null) {
            lastRequset.cancel(true);
        }
        lastRequset = asyncHttpClient.get(book.icon, new AsyncHttpResponseHandler() {
            @Override
            public void onSuccess(int statusCode, Header[] headers, byte[] responseBody) {
                bImage.setImageBitmap(BitmapFactory.decodeByteArray(responseBody, 0, responseBody.length));
            }

            @Override
            public void onFailure(int statusCode, Header[] headers, byte[] responseBody, Throwable error) {

            }
        });

    }


    public void reset() {
        if (lastRequset != null) {
            lastRequset.cancel(true);
        }
        bName.setText("");
        bAuthor.setText("");
        bDesc.setText("");
        bImage.setImageBitmap(null);
    }
}

所以我想知道是否有什么我可以做的让滚动更流畅？

更新：1

一旦我删除加载代码：

public void setBook(final Book book) {
    DynamicBookView.this.reset();
    bName.setText(book.name);
    bAuthor.setText(book.author);
    bDesc.setText(book.description);
}

那么性能可以接受。

顺便说一句，请求需要 2-3 秒才能得到响应。

更新：2

我不确定你是否注意到，列表项的每个视图都会触发两个异步任务：

public void setBook(final Book book) {
    bName.setText(book.name);
    bAuthor.setText(book.author);
    bDesc.setText(book.description);
    if (book.icon != null)
        fetchImageForBook(book);
    if (!book.loaded) {
        // loadBook is an async operation which use `AsyncHttpClient` too
        BookServer.getInstance().loadBook(book, new BookServer.BookServerLoadListener() {
            @Override
            protected void onComplete() {
                setBook(book);
            }
        });
    }
}

通常，Book 只包含name 和id，然后我必须像author description 和image 字段那样检索书的详细信息。然后我将触发另一个任务来获取图像。现在我评论了fetchImageForBook(book);这行，也就是说我只是显示书籍而不加载图像，但滚动仍然不流畅。（我一次无法获取信息，因为我们不提供服务）

Answer 1

您可以使用ViewHolder pattern 进行更多性能优化，因为它可以被缓存并避免多次调用findViewById()。

滚动 ListView 看起来不流畅

请记住，如果您只是在渲染视图时不执行繁重的任务，您的列表视图应该是平滑的。
从您的代码中，我可以看到您的问题是您多次从字节数组创建位图并且不缓存它们。

 bImage.setImageBitmap(BitmapFactory.decodeByteArray(responseBody, 0, responseBody.length));
 bImage.setImageBitmap(null);

如果你只是从远程服务器获取图像，我建议你使用一些图像加载器库，如 UIL、毕加索、Volley……因为它们可以将位图缓存到磁盘或内存中以提高性能，或者你可以自己做（在后台下载，缓存并加载到视图中）

这是我的适配器中使用 android Universal Image Loader 的示例：

 public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder viewHolder;
    if (convertView == null) {
        viewHolder = new ViewHolder();
        convertView = mInflater.inflate(R.layout.item_document, null);      
        viewHolder.imageView = (ImageView)convertView.findViewById(R.id.image);
        convertView.setTag(viewHolder);
    } else {
        viewHolder = (ViewHolder) convertView.getTag();
    }

   ImageLoader.getInstance().displayImage(item.getImagePath()),viewHolder.imageView);
 }

非常简单，滚动列表视图时我什至没有发现任何性能问题。
更新：
从您的BookServer 源代码中，我认为您的问题在这里：

    @Override
        public void onSuccess(int statusCode, Header[] headers, byte[] responseBody) {
            //do the hard job here   // what is this ???
            listener.onComplete();
        }

我不知道你在这个方法中做了什么辛苦的工作，但问题是这个回调方法运行在UI线程上。它会导致性能问题，而 asynctask 不会因为它在后台线程上运行。