如何优化多图片场景下的ImageView代码？用ImageView数组可行吗？

嘿，这段代码里重复定义20个ImageView确实太折磨人了，冗余得不行！我给你两个优化方向，从简单到进阶，让代码瞬间清爽起来～

方案一：用集合统一管理ImageView（快速解决冗余） #

把零散的ImageView变量换成集合存储，通过动态获取控件ID的方式批量初始化，加载图片时也用循环处理，彻底干掉重复代码：

修改后的核心代码 #

// 替换原来20个单独的ImageView变量
private List<ImageView> imageViews = new ArrayList<>();
private static final int IMAGE_COUNT = 20; // 用常量控制图片数量，后续改数只动这里

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 批量初始化所有ImageView
    for (int i = 1; i <= IMAGE_COUNT; i++) {
        // 动态生成控件ID：第一个是imageView，后面是imageView2到imageView20
        String idName = i == 1 ? "imageView" : "imageView" + i;
        int imageId = getResources().getIdentifier(idName, "id", getPackageName());
        ImageView iv = findViewById(imageId);
        imageViews.add(iv);
    }

    // 按钮初始化和点击事件保留不变...

    // 加载图片的部分替换成循环
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            int width = 265, height = 265;
            for(int i = 0; i < IMAGE_COUNT; i++) {
                imgURL[i] = imgURL[i].replaceAll(" ", "%20");
                Picasso.get().load(imgURL[i]).resize(width,height).into(imageViews.get(i));
            }
        }
    });
}

为什么这么做？ #

• 去掉了20行重复的变量定义和findViewById代码，代码量直接减半
• 后续要调整图片数量，只需要修改IMAGE_COUNT常量，不用动一堆控件代码

方案二：进阶优化——用RecyclerView（更推荐） #

如果只是解决冗余，方案一足够，但从Android开发的最佳实践来说，20张图片用RecyclerView更合适：它支持View复用（节省内存）、可滚动、扩展功能（比如点击图片、下拉刷新）更方便，代码也更简洁。

步骤1：准备单个图片的Item布局（item_image.xml） #

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/item_iv"
    android:layout_width="265dp"
    android:layout_height="265dp"
    android:scaleType="centerCrop"
    android:padding="4dp"/>

步骤2：创建RecyclerView的Adapter #

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ImageViewHolder> {
    private List<String> imageUrls;
    private Context context;

    public ImageAdapter(Context context, List<String> imageUrls) {
        this.context = context;
        this.imageUrls = imageUrls;
    }

    @NonNull
    @Override
    public ImageViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.item_image, parent, false);
        return new ImageViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ImageViewHolder holder, int position) {
        String url = imageUrls.get(position).replaceAll(" ", "%20");
        // 可以加占位图和错误图提升体验
        Picasso.get()
                .load(url)
                .resize(265,265)
                .placeholder(R.drawable.placeholder) // 替换成你的占位图资源
                .error(R.drawable.error_img) // 替换成你的错误图资源
                .into(holder.imageView);
    }

    @Override
    public int getItemCount() {
        return imageUrls.size();
    }

    // 更新数据的方法，用于分页切换
    public void updateData(List<String> newUrls) {
        imageUrls.clear();
        imageUrls.addAll(newUrls);
        notifyDataSetChanged();
    }

    public static class ImageViewHolder extends RecyclerView.ViewHolder {
        ImageView imageView;
        public ImageViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.item_iv);
        }
    }
}

步骤3：修改MainActivity代码 #

// 替换原来的20个ImageView变量
private RecyclerView recyclerView;
private ImageAdapter imageAdapter;
private List<String> imgUrlsList = new ArrayList<>();
private static final int IMAGE_COUNT = 20;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 初始化RecyclerView，这里用4列网格布局，可根据需求调整
    recyclerView = findViewById(R.id.recycler_view);
    recyclerView.setLayoutManager(new GridLayoutManager(this, 4));
    imageAdapter = new ImageAdapter(this, imgUrlsList);
    recyclerView.setAdapter(imageAdapter);

    // 按钮初始化和点击事件保留不变...
}

private void getWebsite() {
    new Thread(new Runnable() {
        @Override
        public void run() {
            try {
                Document doc = Jsoup.connect(SOME_URL + Integer.toString(pageNum)).get();
                Elements imgLink = doc.select("img");
                imgUrlsList.clear();
                for(int i = 0; i < IMAGE_COUNT; i++) {
                    String url = imgLink.get(i+1).attr("src");
                    imgUrlsList.add(url);
                }
            } catch (IOException e) {
                e.printStackTrace(); // 不要空catch，打印异常方便调试
                runOnUiThread(() -> Toast.makeText(MainActivity.this, "图片加载失败", Toast.LENGTH_SHORT).show());
            }
            // 切换到主线程更新UI
            runOnUiThread(() -> imageAdapter.updateData(imgUrlsList));
        }
    }).start();
}

步骤4：修改activity_main.xml布局 #

把原来的20个ImageView换成RecyclerView：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="8dp"/>

为什么推荐这个方案？ #

• 彻底消除冗余代码，逻辑更清晰
• RecyclerView的View复用机制能减少内存占用，性能更好
• 后续扩展功能（比如图片点击、分页加载动画）非常方便

额外小建议 #

1. 不要空catch异常，至少打印异常信息或给用户提示，方便调试问题
2. Picasso的resize用的是像素值，建议把dp转成px，适配不同分辨率设备：

   int dp = 265;
   float density = getResources().getDisplayMetrics().density;
   int width = (int) (dp * density);
   int height = (int) (dp * density);
   

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