android - 下载的位图图像显示太小

Question

我有一个带有自定义适配器的 ListView。每行都有一个 Pokémon Sprite ，我将其下载到位图中， Sprite 始终为 96 x 96。我手动下载了一个虚拟图像并将其放入我的 drawables 文件夹中，它呈现得很好: How it should be

但是当我实际以编程方式下载图像时，它给了我这个结果: How it is

为什么突然这么小？当我对下载的位图的高度和宽度进行 sysout 时，它显示为 96 x 96，但它显然不会呈现为 96 x 96。

这是下载图片任务的代码

private class DownloadImageTask extends AsyncTask<String, Void, Bitmap> {

    @Override
    protected Bitmap doInBackground(String... urls) {
        String urldisplay = urls[0];
        Bitmap bm = null;
        try {
            InputStream in = new java.net.URL(urldisplay).openStream();
            bm = BitmapFactory.decodeStream(in);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return bm;
    }

}

我如何调用任务

try {
        Bitmap bm = new DownloadImageTask().execute(dataModel.getSpriteUrl()).get();
        viewHolder.sprite.setImageBitmap(bm);
    } catch (Exception e) {
        e.printStackTrace();
    }

宠物小 Sprite 行 XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/img_sprite"
            android:layout_width="96dp"
            android:layout_height="96dp"
            android:scaleType="fitCenter" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="left|center_vertical"
            android:orientation="vertical">

            <TextView
                android:id="@+id/text_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@android:color/black"
                android:textSize="20sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/text_cp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/text_gendershiny"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="18sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="end"
            android:orientation="vertical">

            <Button
                android:id="@+id/btn_delete"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:backgroundTint="@color/colorPrimary"
                android:text="DELETE"
                android:textColor="#ffffff"
                android:textSize="16sp"
                android:textStyle="bold" />
        </LinearLayout>

    </LinearLayout>

</android.support.v7.widget.CardView>

Answer 1

您可能想看看这个网站。我提供了一些有关如何将 scaleType 属性与 ImageView 一起使用的有用提示:

https://robots.thoughtbot.com/android-imageview-scaletype-a-visual-guide

请查看此答案底部的修改内容。

---

现在讨论使用 AsyncTask 的 get() 方法的问题

使用接口(interface)让您知道AsyncTask何时完成:

public interface BitmapLoaderListener {

    void onCompletedBitmapLoaded(Bitmap bm);
}

您的 AsyncTask 可能如下所示:

public class BitmapLoader extends AsyncTask<String, Integer, Bitmap> {

    private static final String TAG = BitmapLoader.class.getSimpleName();

    private BitmapLoaderListener mListener;
    private String imageUrl = "";


    public BitmapLoader(String imageUrl, BitmapLoaderListener listener){
        this.imageUrl = imageUrl;
        this.mListener = listener;
        this.selectedSource = source;
    }


    @Override
    protected Bitmap doInBackground(String... params) {
        Bitmap bm = null;

        try{
            // Your code here !!!
        }
        catch (Exception ex){
            Log.e(TAG, ex.getMessage());
        }

        return bm;
    }

    protected void onPostExecute(Bitmap bm) {
        mListener.onCompletedBitmapLoaded(bm);
    }
}

从 onBindViewHolder 调用 RecyclerView 的 AsyncTask:

@Override
public void onBindViewHolder(final MyViewHolder holder, final int position){
    MyData data = mData.get(position);

    // Add whatever code you need here

    BitmapLoaderListener listener = new BitmapLoaderListener() {
        @Override
        public void onCompletedBitmapLoaded(Bitmap bm) {
            if (bm == null) return;
            holder.myImageView.setImageBitmap(bm);
        }
    };

    BitmapLoader loader = new BitmapLoader(imageUrl, listener);
    loader.execute();
}

---

您可以实现一个缓存类型系统，将图像保存到设备存储中，并仅在需要时从 Internet 加载它们。我用我的很多应用程序来做到这一点。这是可能的，但它需要处理线程和资源的经验......正如 Angelina 指出的那样，您始终可以使用 Glide 或 Picasso 库。尽管在这种情况下我很少使用第三方库，但您可能需要考虑一下——它们是设计良好且维护良好的库。

---

编辑:

对每个下载的图像使用缩放方法 createScaledBitmap() 似乎有点重。

您可能希望对布局文件进行以下简单更改:

<ImageView
   android:id="@+id/img_sprite"
   android:layout_width="96dp"
   android:layout_height="96dp" 
   android:scaleType="fitCenter"/>

有很多方法可以通过对布局文件进行一些更改来实现您想要的结果。关于您正在下载的图像大小 (96x96)，我只选择最简单的。

此示例获取图像并将其强制放入 ImageView 96dpx96dp 中，以便图像居中并缩放以适应 View 边界并保持原始纵横比。

与对每个图像使用 createScaledBitmap() 方法相比，这更容易维护和修改，而且重量更轻——不管它是否需要它，哎哟!