Fresco:使用Drawee中显示的当前图像作为下一个请求的占位符

时间:2015-11-26 23:02:51

标签: android facebook fresco

我在同一个SimpleDraweeView上按顺序播放多个图片,问题是当提交新的imageURI请求时,SimpleDrweeView将删除当前显示的图片并将其替换为空,直到下载URI为止。所以它会在播放序列中留下空白(你可以想到我正在尝试做的是使用本地照片的卡通动画)。我希望SimpleDrweeView能够保留当前图像,直到下载新图像,然后在准备就绪时将其交换。

我尝试使用this票证中的低分辨率/高分辨率方案将旧的uri作为占位符,但这不起作用(具有与之前相同的效果)。

这就是我现在所拥有的:

 SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);

 draweeView.setImageURI(uri /* local image */); 

这是我到目前为止尝试过的(没用):

                SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);

            Uri lowResUri, highResUri;
            DraweeController controller = Fresco.newDraweeControllerBuilder().setTapToRetryEnabled(true)
                    .setLowResImageRequest(ImageRequest.fromUri((Uri) draweeView.getTag())) /*naive way to test the low/high res feature*/
                    .setImageRequest(ImageRequest.fromUri(uri))
                    .setOldController(draweeView.getController())
                    .build();
            draweeView.setTag(uri);
            draweeView.setController(controller); 

1 个答案:

答案 0 :(得分:3)

我是Fresco团队的一员,也许可以提供帮助。 奇怪的是,您遇到与低分辨率/高分辨率组合相同的问题。如果当前显示图像,则表示它应位于位图内存高速缓存中,这意味着下次切换到下一帧时,它应该能够在设置为低分辨率图像时立即加载。 您确定要将正确的uri设置为低分辨率图像吗? (Uri) draweeView.getTag()看起来很可疑。我会仔细检查那部分。

如果uri确实是正确的,但图像不再位于位图缓存中,那么值得研究为什么可见的图像不再被缓存,因为我们有明确的逻辑可以防止驱逐可见图像。了解如何使用详细记录here跟踪此内容。

如果上述所有方法均失败,则第三个选项是实际实施您自己的DataSource。我可以帮忙,但这可能有点牵连。基本思想是实现一个DataSource,它包含实际提供图像的另一个DataSource。然后你可以做这样的事情:

// keep this instance somewhere
mMyDataSourceSupplier = new MyDataSourceSupplier();

// build controller by specifying your custom datasource supplier instead of specifying any URIs.
Fresco.newDraweeControllerBuilder()
  .setDataSourceSupplier(mMyDataSourceSupplier)
  .build()

// later, when you need to change the image do
mMyDataSourceSupplier.setUri(nextUri);

// this is just an outline
class MyDataSourceSupplier implements Supplier<DataSource<CloseableReference<CloseableImage>>> {

  private Uri mCurrentUri;
  private DataSource<CloseableReference<CloseableImage>> mCurrentDataSource;

  public void setUri(Uri uri) {
    mCurrentUri = uri;
    if (mCurrentDatasource != null) {
      mCurrentDataSource.setUri(uri);
    }
  }

  @Override
  public DataSource<CloseableReference<CloseableImage>> get() {
    mCurrentDataSource = new MyDataSource();
    mCurrentDataSource.setUri(uri);
    return mCurrentDataSource;
  }

  private class MyDataSource extends AbstractDataSource<CloseableReference<CloseableImage>> {
    private DataSource mUnderlyingDataSource;

    @Override
    protected void closeResult(@Nullable CloseableReference<CloseableImage> result) {
      CloseableReference.closeSafely(result);
    }

    @Override
    @Nullable
    public CloseableReference<CloseableImage> getResult() {
      return CloseableReference.cloneOrNull(super.getResult());
    }


    @Override
    public boolean close() {
      if (mUnderlyingDataSource != null) {
        mUnderlyingDataSource.close();
        mUnderlyingDataSource = null;
      }
      return super.close();
    }

    public void setUri(Uri uri) {
      if (mUnderlyingDataSource != null) {
        mUnderlyingDataSource.close();
        mUnderlyingDataSource = null;
      }
      if (uri != null && !isClosed()) {
        mUnderlyingDataSource = Fresco.getImagePipeline().fetchDecodedImage(ImageRequest.fromUri(uri), null);
        mUnderlyingDataSource.subscribe(new BaseDataSubscriber {
          @Override
          protected void onNewResultImpl(DataSource<List<CloseableReference<CloseableImage>>> dataSource) {
            MyDataSource.super.setResult(dataSource.getResult(), false);
          }
        });
      }
    }
  }
}