Android - 带有图像的 ListView 滚动不流畅

Question

我正在尝试显示带有商品的 ListView。 Goods 是一个带有标题、计数和图像 (BLOB) 的 SQLite 表。所以我的 ListView 不流畅。

我尝试了什么：

1. 打开相机意图、捕获、获取附加内容并插入到 SQLite。所以我只使用了一个位图。在商品数量少于 50 之前，此方法运行良好。

我走了另一条路：

1. 打开相机意图，捕捉并保存到文件。
2. 检查ExifInterface 并在需要时旋转图像。
3. 使用http://developer.android.com/training/displaying-bitmaps/load-bitmap.html 缩放到300x300 的大小并移动到我的文件夹。此图像文件适用于全屏。
4. 现在我需要一个缩略图，以便以后将其放入 ListView。所以我使用http://developer.android.com/training/camera/photobasics.html中的setPic()方法将文件（3）缩放到缩略图大小（例如60x60） 并将这个小拇指保存到 SQLite 数据库 Goods 表中。

现在当商品数量超过 100 时，ListView 变得难以滚动。这不是问题的解决方案。

所以我需要一些不同的方法来用图像填充 ListView。

请以正确的方式指导我）））

谢谢！

附：我正在使用自定义 SimpleCursorAdapter 来显示数据：

public class GoodsCursorAdapter extends SimpleCursorAdapter {
    public GoodsCursorAdapter(Context context) {
        super(context, R.layout.cell_goods, null,
                new String[] { "title", "countAvail" },
                new int[] { R.id.lbTitle, R.id.lbCount }, 0);

    }

    private class ViewHolder {
        ImageView imageView;
        TextView lbTitle, lbCount;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder viewHolder;

        if (convertView == null){
            LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.cell_goods, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.ivThumb);
            viewHolder.lbTitle = (TextView) convertView.findViewById(R.id.lbTitle);
            viewHolder.lbCount = (TextView) convertView.findViewById(R.id.lbCount);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        mainCursor.moveToPosition(position);
        byte[] byteArray = mainCursor.getBlob(mainCursor.getColumnIndex("photo"));
        if (byteArray != null) {
            Bitmap bitmap = BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length);
            Log.d("INFO", mainCursor.getString(mainCursor.getColumnIndex("title"))+": "+String.valueOf(bitmap.getWidth())+"x"+String.valueOf(bitmap.getHeight())+"("+String.valueOf(bitmap.getByteCount()/1024)+"Kb)");
            viewHolder.imageView.setImageBitmap(bitmap);
        } else {
            viewHolder.imageView.setImageResource(R.drawable.ic_action_picture);
        }
        viewHolder.lbTitle.setText(mainCursor.getString(mainCursor.getColumnIndex("title")));
        viewHolder.lbCount.setText(String.format(getString(R.string.lbCount), mainCursor.getString(mainCursor.getColumnIndex("countAvail"))));

        return convertView;
    }

Answer 1

尝试从 UI 线程加载图像 - 使用 AsyncTask。

类似这样的东西（取自here）

class BitmapWorkerTask extends AsyncTask<Cursor, Void, Bitmap> {
private final WeakReference<ImageView> imageViewReference;
private Cursor mCursor;;

public BitmapWorkerTask(ImageView imageView) {
    // Use a WeakReference to ensure the ImageView can be garbage collected
    imageViewReference = new WeakReference<ImageView>(imageView);
}

// Decode image in background.
@Override
protected Bitmap doInBackground(Cursor... params) {
    mCursor = params[0];
    byte[] byteArray = mCursor.getBlob(mCursor.getColumnIndex("photo"));
    if (byteArray != null) {
     Bitmap bitmap = BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length);
    return bitmap;
  }
}

// Once complete, see if ImageView is still around and set bitmap.
@Override
protected void onPostExecute(Bitmap bitmap) {
    if (imageViewReference != null && bitmap != null) {
        final ImageView imageView = imageViewReference.get();
        if (imageView != null) {
            imageView.setImageBitmap(bitmap);
        }
    }
  }
}

所以修改

 if (byteArray != null) {     
  BitmapWorkerTask task = new BitmapWorkerTask(imageView);
  task.execute(mainCursor);
 }else{......}

Answer 2

使用惰性列表在列表视图中下载图像。 参考链接：http://www.prandroid.com/2014/07/how-to-lazy-load-of-images-in-listview.html

Answer 3

使用分页..获取 5/10 行并加载位图使用 Picasso 或者你可以异步加载位图

编辑

mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                if (scrollState == 1) {
                    isUserScroll = true;
                } else {
                    isUserScroll = false;
                }
            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

                if (isUserScroll) {

                    int lastInScreen = firstVisibleItem + visibleItemCount;
                    if (!isDataLoading && (lastInScreen == totalItemCount)) {
                       //load data

                        isDataLoading = true;
                    }
                }
            }
        });

Answer 4

在构造函数或适配器外部加载 getview() 外部的所有位图，然后将其分配给适配器。创建视图时每次从数据库加载图像可能会减慢滚动速度。

如果您遇到任何内存问题在预加载图像时尝试将它们缓存在内存中 而不是保存到数据库

Answer 5

好的，我已经尝试了几乎所有你建议的方法。这是我的报告：

1. @HareshChhelana 的方法是使用inSampleSize 选项（来自BitmapFactory.Options）。方法更好然后在 SQLite 中存储小缩略图（就像我首先做的那样），但是对于超过 200 个带有图像的列表项变得不平滑

2. @Zain 建议使用 Google 解决方案 (http://developer.android.com/training/displaying-bitmaps/process-bitmap.html)。 这也很好用。

3. 来自@Prachi 的分页。 工作正常。但我没有添加任何逻辑来加载列表视图的滚动条上的下一批。我的解决方案是：获取前 30 行并使用“下一个 30 行”和“上一个 30 行”按钮。因为如果没有分页的任何方法都不起作用，这种方法对我来说是最后的解决方案，所以我跳过它。 :)

4. @Pankaj 的建议。我浏览了这门课，它看起来像是可行的解决方案，但我没有尝试过。反正答案很有用。

我找到了一个库，我在我的项目中使用了它： https://github.com/nostra13/Android-Universal-Image-Loader 真的很棒，还有很多有用的设置！

附：对不起我的英语:)