0

您如何以一种快速且不使用大量 RAM 的方式将图像从drawable文件夹加载到 a中?ListView

4

2 回答 2

15

注意:此帖子已弃用,请使用RecyclerView创建列表


我一直在尝试将存储在drawable文件夹中的一些(相当大的)图像加载到 aListView中,在这篇文章中,我想分享我得到的结果。也许(我希望如此)这将为某人节省大量时间。我已经在几个 Android 4+ 设备上测试了我发布的代码,我可以说它运行得非常顺利,并且使用的 RAM 量保持相对较低。一些解释如下:

  • 我们正在扩展BaseAdapter
  • 图像将在后台使用AsyncTask
  • 对于这种适配器很常见,我们将使用一些自定义类的ArrayList<>参数化。Objects在我的应用程序中,这个类被称为Weapon
  • 我们将根据屏幕尺寸缩放图像
  • 我们将TextView在每个列表行中应用一个字体

随意将此代码用于任何目的并以任何方式对其进行修改。我唯一要求的是在声称某些东西不起作用之前正确测试代码。它有效,相信我。

如果您注意到任何复制粘贴编辑错误(因为我删除了一些与本小教程无关的代码),欢迎您提供反馈。

在我发布代码之前,这里有一个小状态图,展示了该方法的逻辑getView()

在此处输入图像描述

Adapter课程的代码如下,我试图在评论中解释您需要的所有内容:

public class WeaponAdapter extends BaseAdapter implements View.OnClickListener {

private ArrayList<Weapon> items;
private LayoutInflater inflater = null;
private WeaponHolder weaponHolder;
private Weapon wp;
private Context c;
private Bitmap bmp;

/*--- a simple View Holder class ---*/
static class WeaponHolder {
    public TextView text;
    public ImageView image, addFav;
    public AsyncImageSetter mImageLoader;

}

/*--- Context and all weapons of specified class are passed here ---*/

public WeaponAdapter(ArrayList<Weapon> items, Context c) {
    this.items = (ArrayList<Weapon>) items;
    inflater = LayoutInflater.from(c);
    this.c = c;
}

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

}

@Override
public Weapon getItem(int position) {
    return items.get(position);
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    /*--- initialize our Weapon Object ---*/
    wp = items.get(position);

    if (convertView == null) {
        /*--- no View is available. Inflate our list item layout and init the Views we need ---*/
        convertView = inflater.inflate(R.layout.category_row, null);
        weaponHolder = new WeaponHolder();
        weaponHolder.text = (TextView) convertView
                .findViewById(R.id.tvCatText);
        weaponHolder.image = (ImageView) convertView
                .findViewById(R.id.imgCatImage);
        weaponHolder.addFav = (ImageView) convertView
                .findViewById(R.id.imgAddFav);
        convertView.setTag(weaponHolder);
    } else {
        weaponHolder = (WeaponHolder) convertView.getTag();
        /*--- if convertView is not null, cancel the current loading operation to 
         * improve performance and decrease RAM usage ---*/
        weaponHolder.mImageLoader.cancel();
    }
    /*--- load the image in background ---*/
    weaponHolder.mImageLoader = new AsyncImageSetter(c, weaponHolder.image,
            wp.getImage(), bmp, weaponHolder.text);
    weaponHolder.mImageLoader.execute();
    weaponHolder.text.setText(wp.getName());
    weaponHolder.addFav.setOnClickListener(this);
    return convertView;

}

@Override
public void onClick(View v) {


        // do any stuff here



}
   }

这是我们的AsyncTask,它将在后台加载和设置图像。

注意:我的 Weapon 类有一个方法,它返回对应于 WeapongetImage()的 resId 。您可以以适合您的方式修改此部分。drawableObject

public class AsyncImageSetter extends AsyncTask<Void, Void, Bitmap> {

private ImageView img;
private int image_resId;
private Bitmap bmp;
private Context c;
private boolean cancel = false;
private int sampleSize;
private TextView txtGunName;
private Typeface font;


public AsyncImageSetter(Context c, ImageView img, int image_ResId,
        Bitmap bmp, TextView txtGunName) {

    this.img = img;
    this.image_resId = image_ResId;
    this.bmp = bmp;
    this.c = c;
    this.txtGunName = txtGunName;

}

public void cancel() {
    cancel = true;
}

@Override
protected void onPreExecute() {
    /*--- we hide the Views from the user until the content is ready. This will prevent
     * the user from seeing an image being "transformed" into the next one (as a result of
     * View recycling) on slow devices. 
     */
    img.setVisibility(View.GONE);
    txtGunName.setVisibility(View.GONE);
    font = Typeface.createFromAsset(c.getAssets(), "b_reg.otf");
    super.onPreExecute();
}

@Override
protected Bitmap doInBackground(Void... params) {

    if (!cancel) {
        try {
            return decodeAndScale(bmp);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    return null;
}

@Override
protected void onPostExecute(Bitmap result) {

    img.setVisibility(View.VISIBLE);
    try {
        img.setImageBitmap(result);
    } catch (Exception e) {
        /*--- show an error icon in case something went wrong ---*/
        img.setImageResource(R.drawable.ic_warn);
    }

    txtGunName.setVisibility(View.VISIBLE);
    txtGunName.setTypeface(font);
    super.onPostExecute(result);
}

private Bitmap decodeAndScale(Bitmap bmp) {

    final BitmapFactory.Options options = new BitmapFactory.Options();
    options.inSampleSize = setSampleSize();

    return BitmapFactory.decodeResource(c.getResources(), image_resId,
            options);

}

private int setSampleSize() {

    // TODO add multiple screens check
/*--- modify this method to match your needs ---*/
    if (GetSettings.getScreenWidth((Activity) c) >= 320) {
        /*--- physical width >= 480px ---*/
        sampleSize = 2;
    }

    return sampleSize;
}}

您可能已经注意到我使用了类中的getScreenWidth()方法GetSettings。它的代码非常简单,返回一个代表设备屏幕宽度的 dp 值:

    public static int getScreenWidth(Activity a) {

    Display display = a.getWindowManager().getDefaultDisplay();
    DisplayMetrics outMetrics = new DisplayMetrics();
    display.getMetrics(outMetrics);

    float density = a.getResources().getDisplayMetrics().density;
    float dpWidth = outMetrics.widthPixels / density;

    return (int) dpWidth;

}

好吧,这就是全部,我希望这篇文章确实对某人有所帮助。干杯。

PS如果您确定某些东西不起作用,很可能是由于您的内部应用程序结构与我使用的不同。在这种情况下,我建议您执行以下步骤:

  1. 问一个新问题,以便您能够添加格式正确的代码和 LogCat 输出
  2. 通过在我的帖子中添加评论来通知我。我很乐意帮助您找出问题所在
于 2013-10-19T17:45:07.910 回答
1

使用 listview 滚动状态来相应地设置图像。

  1. 当listview被一扔时,不要同时设置图像,一旦状态空闲,使用你的代码设置图像。这样可以避免为不可见的视图分配内存。如果在滚动列表视图时尝试设置图像,可能会导致内存不足错误。
  2. 此外,请确保您的可绘制对象具有合适的尺寸以适合视图。从 drawable 中获取图像一直很快,这里主要关注的是内存使用情况。
  3. 还要创建一个可绘制数组以设置为您的列表项,因此在设置适配器时,您已经有一手可用于列表项的可绘制对象,并且不要根据条件使用可绘制对象填充列表视图
于 2013-10-19T18:06:57.803 回答