Fresco中的图片无法加载

Question

我正在尝试在Fresco中加载图像，但似乎无法加载。当我添加占位符视图时，占位符会显示。

public static void loadImg(final Context c, final SimpleDraweeView view, final String img){
    Uri uri = Uri.parse("https://placekitten.com/g/201/300");
    view.setImageURI(uri);
}

请注意，我正在应用程序中初始化Fresco，并且在清单中使用了互联网。

简单绘图视图 (SimpleDraweeView)

        <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/small_box_image"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        fresco:placeholderImage="@drawable/google"
        fresco:fadeDuration="300"
        fresco:viewAspectRatio="1.33"
        />

方法调用loadImg

public static View generateTileView(Context c, Tile t){

    LayoutInflater inflater = (LayoutInflater) c.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view;
    boolean desc = false;

    switch(t.getObjectTypeName()){
        case Tile.OBJECT_NAME:
            view = inflater.inflate(R.layout.view_tile_small_object, null);
            break;
        case Tile.LOOK_CLOSER_NAME:
            view = inflater.inflate(R.layout.view_tile_small_look_closer, null);
            desc = true;
            break;
        case Tile.STORY_NAME:
            view = inflater.inflate(R.layout.view_tile_small_story, null);
            desc = true;
            break;
        case Tile.TOUR_NAME:
            view = inflater.inflate(R.layout.view_tile_small_tour, null);
            desc = true;
            break;
        default:
            view = inflater.inflate(R.layout.view_tile_small_object, null);
            break;
    }

    TextView type = (TextView) view.findViewById(R.id.small_box_type);
    TextView title = (TextView) view.findViewById(R.id.small_box_title);
    SimpleDraweeView img = (SimpleDraweeView) view.findViewById(R.id.small_box_image);

    if(desc) {
        TextView descText = (TextView) view.findViewById(R.id.small_box_desc);
        if ( t.getDescription() != null) {
            descText.setText(t.getDescription());
            descText.setTypeface(TypefaceUtil.get(c, TypefaceUtil.ENZO_M));
        }else{
            descText.setVisibility(View.GONE);
        }
    }

    title.setText(t.getTitle());
    title.setTypeface(TypefaceUtil.get(c, TypefaceUtil.SOFIA_BOLD));
    type.setText(t.getObjectTypeName());
    type.setTypeface(TypefaceUtil.get(c, TypefaceUtil.SOFIA_BOLD));
    ViewUtils.loadImg(c, img, t.getImg());

    return view;
}



public static void injectTileViews(Context c, final OnFragmentChangeListener listener,
                        List<Tile> tiles, LinearLayout leftSide, LinearLayout rightSide){

    int index = 0;

    for(final Tile t : tiles){
        //Gets the views and the ImageView for the star
        View v = ViewUtils.generateTileView(c,t);
        if(!t.getObjectTypeName().equals(Tile.LOOK_CLOSER_NAME)) {
            final ImageView star = (ImageView) v.findViewById(R.id.tile_star);

            //Sets the favorite on click listener
            star.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    String type = "";
                    switch(t.getObjectTypeName()){
                        case Tile.OBJECT_NAME:
                            type = OnFragmentChangeListener.OBJECT;
                            break;
                        case Tile.STORY_NAME:
                            type = OnFragmentChangeListener.STORY;
                            break;
                        case Tile.TOUR_NAME:
                            type = OnFragmentChangeListener.TOUR;
                            break;
                    }
                    t.setFavorite(!t.getFavorite());
                    listener.onFavorite(type, t.getObjectID(), t.getFavorite());
                    star.setImageResource((t.getFavorite()) ? R.drawable.ic_grade : R.drawable.favorite_star);
                }
            });

            //sets the stat image based on whether it's favorite or no
            star.setImageResource((t.getFavorite()) ? R.drawable.ic_grade : R.drawable.favorite_star);
        }
        //sets the entire tile click listener
        v.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switch (t.getObjectTypeName()) {
                    case Tile.OBJECT_NAME:
                        listener.onFragmentChange(MainActivity.OBJECT, t.getObjectID());
                        break;
                    case Tile.TOUR_NAME:
                        listener.onFragmentChange(MainActivity.TOUR, t.getTourID());
                        break;
                    case Tile.STORY_NAME:
                        listener.onFragmentChange(MainActivity.STORY, t.getStoryID());
                        break;
                    case Tile.LOOK_CLOSER_NAME:
                        listener.onFragmentChange(MainActivity.LOOK_CLOSER, t.getObjectID());
                        break;
                }
            }
        });

        //invalidates the measurement
        leftSide.invalidate();
        rightSide.invalidate();
        //sets the measure spec
        final int widthMeasureSpec =
                View.MeasureSpec.makeMeasureSpec(ViewGroup.LayoutParams.MATCH_PARENT,View.MeasureSpec.UNSPECIFIED);
        final int heightMeasureSpec =
                View.MeasureSpec.makeMeasureSpec(ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
        //re-measures
        leftSide.measure(widthMeasureSpec, heightMeasureSpec);
        rightSide.measure(widthMeasureSpec, heightMeasureSpec);
        int l = leftSide.getMeasuredHeight();
        int r = rightSide.getMeasuredHeight();

        //determines which side to add the view to
        if(l <= r){
            leftSide.addView(v);
        }else{
            rightSide.addView(v);
        }

        //sets the bottom margin since it needs to be part of the parent before we
        //can get the layout params
        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) v.getLayoutParams();
        params.setMargins(0, 0, 0, (int) c.getResources().getDimension(R.dimen.margin_normal));
        v.setLayoutParams(params);
        v.requestLayout();

        //adds the index
        index++;
    }
}

初始化

public class MyApplication extends Application {

public static DisplayMetrics metrics;
private Typeface exoBlack;
private Tracker mTracker;

@Override
public void onCreate() {
    super.onCreate();

    LeakCanary.install(this);
    WindowManager wm = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);
    metrics = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(metrics);
    Fresco.initialize(this);
}
}

样例日志

12-22 15:52:47.424 32462 32462 V unknown:AbstractDraweeController: controller 77d4657 null -> 0: initialize
12-22 15:52:47.425 32462 32462 V unknown:AbstractDraweeController: controller 77d4657 0: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@a0fa544
12-22 15:52:47.435 32462 32462 V unknown:AbstractDraweeController: controller 3a5f0f3 null -> 1: initialize
12-22 15:52:47.435 32462 32462 V unknown:AbstractDraweeController: controller 3a5f0f3 1: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@c03d1b0
12-22 15:52:47.442 32462 32462 V unknown:AbstractDraweeController: controller ef0f7ae null -> 2: initialize
12-22 15:52:47.442 32462 32462 V unknown:AbstractDraweeController: controller ef0f7ae 2: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@6a4a94f
12-22 15:52:47.448 32462 32462 V unknown:AbstractDraweeController: controller 1cc58dc null -> 3: initialize
12-22 15:52:47.449 32462 32462 V unknown:AbstractDraweeController: controller 1cc58dc 3: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@d3d0de5
12-22 15:52:47.455 32462 32462 V unknown:AbstractDraweeController: controller 158e0ba null -> 4: initialize
12-22 15:52:47.455 32462 32462 V unknown:AbstractDraweeController: controller 158e0ba 4: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@12c8b6b
12-22 15:52:47.459 32462 32462 V unknown:AbstractDraweeController: controller 3a5f0f3 1: onAttach: request needs submit
12-22 15:52:47.463 32462 32462 V unknown:AbstractDraweeController: controller 3a5f0f3 1: submitRequest: dataSource: ab5a361
12-22 15:52:47.464 32462 32462 V unknown:AbstractDraweeController: controller 1cc58dc 3: onAttach: request needs submit
12-22 15:52:47.465 32462 32462 V unknown:AbstractDraweeController: controller 1cc58dc 3: submitRequest: dataSource: 5244e86
12-22 15:52:47.465 32462 32462 V unknown:AbstractDraweeController: controller 77d4657 0: onAttach: request needs submit
12-22 15:52:47.466 32462 32462 V unknown:AbstractDraweeController: controller 77d4657 0: submitRequest: dataSource: 2067347
12-22 15:52:47.466 32462 32462 V unknown:AbstractDraweeController: controller ef0f7ae 2: onAttach: request needs submit
12-22 15:52:47.467 32462 32462 V unknown:AbstractDraweeController: controller ef0f7ae 2: submitRequest: dataSource: 3c8e774
12-22 15:52:47.467 32462 32462 V unknown:AbstractDraweeController: controller 158e0ba 4: onAttach: request needs submit
12-22 15:52:47.468 32462 32462 V unknown:AbstractDraweeController: controller 158e0ba 4: submitRequest: dataSource: ac8149d
12-22 15:52:47.481 32462 32528 V unknown:BufferedDiskCache: Did not find image for https://placekitten.com/g/201/300 in staging area
12-22 15:52:47.481 32462 32528 V unknown:BufferedDiskCache: Disk cache read for https://placekitten.com/g/201/300
12-22 15:52:47.483 32462 32528 V unknown:BufferedDiskCache: Disk cache miss for https://placekitten.com/g/201/300
12-22 15:52:58.837   491   491 V unknown:AbstractDraweeController: controller 77d4657 null -> 0: initialize
12-22 15:52:58.837   491   491 V unknown:AbstractDraweeController: controller 77d4657 0: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@a0fa544
12-22 15:52:58.847   491   491 V unknown:AbstractDraweeController: controller 3a5f0f3 null -> 1: initialize
12-22 15:52:58.848   491   491 V unknown:AbstractDraweeController: controller 3a5f0f3 1: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@c03d1b0
12-22 15:52:58.856   491   491 V unknown:AbstractDraweeController: controller ef0f7ae null -> 2: initialize
12-22 15:52:58.856   491   491 V unknown:AbstractDraweeController: controller ef0f7ae 2: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@6a4a94f
12-22 15:52:58.862   491   491 V unknown:AbstractDraweeController: controller 1cc58dc null -> 3: initialize
12-22 15:52:58.863   491   491 V unknown:AbstractDraweeController: controller 1cc58dc 3: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@d3d0de5
12-22 15:52:58.869   491   491 V unknown:AbstractDraweeController: controller 158e0ba null -> 4: initialize
12-22 15:52:58.869   491   491 V unknown:AbstractDraweeController: controller 158e0ba 4: setHierarchy: com.facebook.drawee.generic.GenericDraweeHierarchy@12c8b6b
12-22 15:52:58.872   491   491 V unknown:AbstractDraweeController: controller 3a5f0f3 1: onAttach: request needs submit
12-22 15:52:58.878   491   491 V unknown:AbstractDraweeController: controller 3a5f0f3 1: submitRequest: dataSource: ab5a361
12-22 15:52:58.878   491   491 V unknown:AbstractDraweeController: controller 1cc58dc 3: onAttach: request needs submit
12-22 15:52:58.879   491   491 V unknown:AbstractDraweeController: controller 1cc58dc 3: submitRequest: dataSource: 5244e86
12-22 15:52:58.879   491   491 V unknown:AbstractDraweeController: controller 77d4657 0: onAttach: request needs submit
12-22 15:52:58.880   491   491 V unknown:AbstractDraweeController: controller 77d4657 0: submitRequest: dataSource: 2067347
12-22 15:52:58.880   491   491 V unknown:AbstractDraweeController: controller ef0f7ae 2: onAttach: request needs submit
12-22 15:52:58.881   491   491 V unknown:AbstractDraweeController: controller ef0f7ae 2: submitRequest: dataSource: 3c8e774
12-22 15:52:58.881   491   491 V unknown:AbstractDraweeController: controller 158e0ba 4: onAttach: request needs submit
12-22 15:52:58.882   491   491 V unknown:AbstractDraweeController: controller 158e0ba 4: submitRequest: dataSource: ac8149d
12-22 15:52:58.898   491   535 V unknown:BufferedDiskCache: Did not find image for https://placekitten.com/g/201/300 in staging area
12-22 15:52:58.899   491   535 V unknown:BufferedDiskCache: Disk cache read for https://placekitten.com/g/201/300
12-22 15:52:58.904   491   535 V unknown:BufferedDiskCache: Disk cache miss for https://placekitten.com/g/201/300

清单文件

    <application
    android:name=".utils.MyApplication"
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:logo="@drawable/home"
    android:screenOrientation="portrait"
    android:theme="@style/AppTheme" >

- Peter Chappy

---

我有一个固定的高度和一个match_parent的宽度。 - Peter Chappy

我更新了XML，添加了 fresco:viewAspectRatio 但仍无法加载图像。 - Peter Chappy

更新你的问题。发布更多核心代码。 - Blackbelt

添加了将返回视图添加到父容器的代码。 - Peter Chappy

你能否发布一下你如何初始化Fresco？如果你尝试使用不同的图像源，它是否有效？ - Blackbelt

Answer 1

试试这个

SimpleDraweeView imageView= (SimpleDraweeView) v.findViewById(R.id.full_ad_unit);

Uri imageUri = Uri.parse(imagePath);

ImageRequest request = ImageRequest.fromUri(imageUri);

DraweeController controller = Fresco.newDraweeControllerBuilder()
    .setImageRequest(request)
    .setOldController(imageView.getController()).build();

Log.e(TAG, "ImagePath uri " + imageUri);

imageView.setController(controller);

- Noveen

Answer 2

我不知道具体的逻辑，但Fresco更喜欢从文件中获取Uri。先将您的uri转换为文件，然后从该文件中获取Uri。在本地存储上，这对我有效。

public static void loadImg(final Context c, final SimpleDraweeView view, final String img){
    Uri uri = Uri.parse("https://placekitten.com/g/201/300");
    view.setImageURI(Uri.fromFile(new File(uri)));
}

- Eftekhari

---

谢谢。我明天会尝试一下这个。 - Peter Chappy

我发现Glide对于本地存储的文件来说是更快、更容易的解决方案。尝试一下吧，因为有很多关于它从网络获取图像的积极反馈。这只是一个建议：https://github.com/bumptech/glide - Eftekhari

我使用Fresco的主要原因是它内置了同时加载超低分辨率图像和高分辨率图像。我曾尝试使用Picasso实现，但没有成功。那么我能否用Glide实现呢？ - Peter Chappy

我正在做类似的事情，但是通过强制Glide获取特定大小（如50 * 50像素）来从本地存储中获取低分辨率和高分辨率图像，使用“.override（50,50）”。你以前尝试过吗？ - Eftekhari

我能否不从本地存储中获取它们？ - Peter Chappy

Answer 3

如果您在加载大图片时遇到问题，只需在配置图像管道时启用“降采样”即可。

请按照以下方式编写Fresco初始化：

ImagePipelineConfig config = ImagePipelineConfig.newBuilder(this)
            .setDownsampleEnabled(true)
             ...
            .build();
Fresco.initialize(this, config);

- snersesyan

Answer 4

我知道这是一个老问题，但对于那些进来的人： android:layout_width="wrap_content"和android:layout_height="wrap_content"不受Fresco支持。这个问题已经在这里得到了完全回答。

- gustavoknz

Answer 5

你需要一个直接的链接，例如：http://i.imgur.com/IJF8x9D.jpg

并且你应该在URI的末尾添加文件类型。对于这种情况，是".jpg"

Uri uri = Uri.parse("http://i.imgur.com/IJF8x9D.jpg");

- Misagh

---

当url包含https时，我的问题出现在Android 4.4中。但如果url是http，则图片会显示出来。在Android 5.0以上，图片可以上传而没有问题。 - Adrian Buciuman

Answer 6

在fresco的GitHub存储库中报告了类似的问题HERE（在主要报告问题下面的评论中）

根据报告问题的开发人员的评论：

这似乎是一个随机事件：对于大多数图像，它都很好。当清除缓存以进行测试时，“未加载”的少数图像在运行之间不同。我从apache获得“200”响应，用于正确加载和显示的图像（apache日志）。对于随机崩溃的图像没有任何日志。

我建议尝试其他开发人员提出的以下建议来解决此问题：

1. （来自问题报告页面）清除缓存，然后重试。
2. （来自问题报告页面）使用HTTP代理/监视器查找服务器返回的响应。如果您收到204无内容，则服务器可能不接受用户代理标头。
3. （我的建议）尝试使用完全不同的URL加载图像，并查看是否对每个图像或仅对此图像发生。如果只有这一个问题，那么问题可能出在图像上。

同一问题的另一个报告在这里 - 但这个报告还没有任何具体的解决方案回复。

您可能还想订阅这些帖子的通知，以防有人很快发布了一个非常好的解决方案并将其合并。然后，您只需获取最新版本并放松即可。 :)（如果上述任何方法对您都不起作用。）

- Viral Patel