Android中如何用Picasso循环动态加载JSON中的图片

你已经完成了JSON解析的核心部分，只差在循环里创建ImageView并加载图片这一步啦！下面是完整的解决方案，包含了实用的细节优化：

第一步：确保引入Picasso依赖 #

首先确认你的Module级build.gradle里已经添加了Picasso的依赖（如果还没加的话）：

dependencies {
    // 其他依赖...
    implementation 'com.squareup.picasso:picasso:2.71828'
}

第二步：修改你的解析代码 #

下面是完整的修改后的代码，我已经把创建ImageView、加载图片、添加到布局的逻辑都补充进去了：

RelativeLayout layout = (RelativeLayout) getView().findViewById(R.id.relLayout);
try {
    JSONObject jObj = new JSONObject(response);
    int size = Integer.parseInt(jObj.getString("size"));
    
    // 先清空布局，避免重复加载时图片堆积
    layout.removeAllViews();
    
    for(int i = 0; i < size; i++) {
        JSONObject jObj_ = jObj.getJSONObject(String.valueOf(i));
        String imagePath = jObj_.getString("image_path");
        String imageTitle = jObj_.getString("title");
        
        // 1. 创建ImageView实例
        ImageView imageView = new ImageView(getContext());
        
        // 2. 设置布局参数，可根据需求调整宽高和边距
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.MATCH_PARENT,
                RelativeLayout.LayoutParams.WRAP_CONTENT);
        // 上下添加16dp边距（自动转成像素适配不同设备）
        int margin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 16, getResources().getDisplayMetrics());
        params.setMargins(0, margin, 0, margin);
        imageView.setLayoutParams(params);
        
        // 3. 设置图片缩放模式，避免拉伸变形
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        // 设置内容描述，适配无障碍访问
        imageView.setContentDescription(imageTitle);
        
        // 4. 用Picasso加载图片，添加占位图和错误图提升体验
        Picasso.get()
                .load(imagePath)
                .placeholder(R.drawable.placeholder_loading) // 替换成你的加载中占位图资源
                .error(R.drawable.placeholder_error) // 替换成你的加载失败占位图资源
                .into(imageView);
        
        // 5. 将ImageView添加到目标布局
        layout.addView(imageView);
    }
} catch (JSONException e) {
    // 捕获JSON解析异常，防止崩溃并提示用户
    e.printStackTrace();
    Toast.makeText(getContext(), "图片数据解析失败", Toast.LENGTH_SHORT).show();
}

关键细节说明 #

• 清空布局：layout.removeAllViews() 能避免多次请求数据时，布局里重复添加图片；
• 布局参数适配：用TypedValue.applyDimension把dp转成像素，保证不同分辨率设备上的边距一致；
• Picasso优化：占位图和错误图能让用户在图片加载过程中看到反馈，不会显示空白；
• 异常处理：把JSON解析逻辑放在try-catch块中，避免因JSON格式错误导致应用崩溃。

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