Android：从XML提取图片URL并加载至ImageView的实现方法

Great news that you’ve already got your XML parsed and have all those image URLs ready to go! Let’s walk through exactly how to get those images loaded into your ImageViews using AsyncTask, no manual string setup needed.

1. Add Required Permissions First #

Before anything else, make sure your app can access the internet. Open your AndroidManifest.xml and add this line outside the <application> tag:

<uses-permission android:name="android.permission.INTERNET" />

If you’re targeting Android 9 (API 28+) and your Amazon URLs use HTTP (unlikely, but just in case), add android:usesCleartextTraffic="true" to your <application> tag to allow unencrypted network requests.

2. Build a Reusable AsyncTask for Image Downloads #

We’ll create a custom AsyncTask that handles downloading a single image and attaching it to an ImageView. Using a WeakReference here prevents memory leaks if your Activity/Fragment gets destroyed while the download is running.

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.widget.ImageView;
import java.io.IOException;
import java.io.InputStream;
import java.net.URL;
import java.lang.ref.WeakReference;

public class ImageDownloaderTask extends AsyncTask<String, Void, Bitmap> {
    private final WeakReference<ImageView> imageViewRef;

    // Pass the target ImageView when creating the task
    public ImageDownloaderTask(ImageView imageView) {
        imageViewRef = new WeakReference<>(imageView);
    }

    @Override
    protected Bitmap doInBackground(String... urls) {
        String imageUrl = urls[0];
        Bitmap downloadedBitmap = null;
        try {
            // Open a stream from the URL and decode it into a Bitmap
            InputStream inputStream = new URL(imageUrl).openStream();
            downloadedBitmap = BitmapFactory.decodeStream(inputStream);
        } catch (IOException e) {
            // Log errors (you could also show a user-friendly message here)
            e.printStackTrace();
        }
        return downloadedBitmap;
    }

    @Override
    protected void onPostExecute(Bitmap result) {
        // Make sure the ImageView is still active before setting the bitmap
        if (imageViewRef != null && result != null) {
            ImageView targetView = imageViewRef.get();
            if (targetView != null) {
                targetView.setImageBitmap(result);
            }
        } else {
            // Optional: Set an error image if the download failed
            if (imageViewRef != null) {
                ImageView targetView = imageViewRef.get();
                if (targetView != null) {
                    targetView.setImageResource(R.drawable.image_load_error);
                }
            }
        }
    }
}

3. Hook It Up to Your Parsed Image URLs #

Now you just need to pair each parsed image URL with its corresponding ImageView and kick off the download. Here are two common scenarios:

Scenario 1: Using a List/RecyclerView #

If you’re displaying your 20 items in a ListView or RecyclerView, use this in your adapter’s binding method:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    // Inflate or reuse your list item layout
    View listItem = convertView;
    if (listItem == null) {
        listItem = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.your_list_item_layout, parent, false);
    }

    // Grab the current item's image URL from your parsed list
    String currentImageUrl = yourParsedItemList.get(position).getImageUrl();

    // Get the ImageView from the list item
    ImageView itemImageView = listItem.findViewById(R.id.item_image);

    // Set a placeholder image while the download is in progress
    itemImageView.setImageResource(R.drawable.loading_placeholder);

    // Start the image download task
    new ImageDownloaderTask(itemImageView).execute(currentImageUrl);

    return listItem;
}

Scenario 2: Individual ImageViews in a Layout #

If you have 20 separate ImageViews defined in your XML layout, loop through them along with your parsed URLs:

// Assume you have a list of your ImageViews and your parsed image URLs
List<ImageView> imageViews = Arrays.asList(imgView1, imgView2, ..., imgView20);
List<String> imageUrls = yourParsedAmazonImageUrls;

for (int i = 0; i < imageViews.size(); i++) {
    ImageView currentImageView = imageViews.get(i);
    // Set placeholder first
    currentImageView.setImageResource(R.drawable.loading_placeholder);
    // Launch the download task
    new ImageDownloaderTask(currentImageView).execute(imageUrls.get(i));
}

Quick Tips #

• Placeholder/Error Images: Always use a placeholder to let users know content is loading, and an error image to handle failed downloads gracefully.
• Memory Management: The WeakReference in the AsyncTask ensures you don’t leak memory if the user navigates away while images are downloading.
• Modern Alternatives: Note that AsyncTask is deprecated in newer Android versions. For future projects, libraries like Glide or Picasso handle image loading, caching, and lifecycle management automatically—but this solution works perfectly for your current requirement.

内容的提问来源于stack exchange，提问作者Blnpwr