Fresco的圆角与GIF不能兼得的解决方案

Fresco是一款强大的图片加载和处理框架,让图片显示成圆形是很常见的使用场景,用Fresco的话使用下面的代码就可以了:


然后在代码中设置显示图片:

draweeView.setImageURI("图片URI");

但是如果图片是一张GIF图的话,显示成圆形图片就是失效,而显示成一个正方形的图片。

网上搜索了一下,常见的解决方案有:

1,给SimpleDraweeView设置这个属性 app:roundWithOverlayColor="@color/white",当然,属性值要设置成跟背景一致的颜色;这种方法有个缺陷,就是不适用背景不是纯色的场景;

2,相对比较麻烦的方法,思路是这样:取到GIF图之后截取第一桢转成bitmap,然后对bitmap做变换,将其裁剪成圆形,然后显示,具体代码可以参考:当背景不是纯色,Fresco解决gif不能转圆形问题的终极方案

以上两种方案要么不兼容所有场景,要么太重,都不是太优雅的解决方案。后来用过一番寻找,发现Fresco的github下有人提出了同样的问题,然后官方给出了终极解决方案:

draweeView.getHierarchy().setActualImageScaleType(ScalingUtils.ScaleType.CENTER_CROP);

ImageDecodeOptions imageDecodeOptions = new ImageDecodeOptionsBuilder()

.setForceStaticImage(true)

.build();

ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)

.setResizeOptions(new ResizeOptions(width, height))

.setCacheChoice(ImageRequest.CacheChoice.SMALL)

.setImageDecodeOptions(imageDecodeOptions)

.build();

PipelineDraweeControllerBuilder builder = Fresco.getDraweeControllerBuilderSupplier().get()

.setOldController(draweeView.getController())

.setImageRequest(request);

draweeView.setController(builder.build());

主要代码如下:

ImageDecodeOptions imageDecodeOptions = new ImageDecodeOptionsBuilder()
.setForceStaticImage(true)
.build();

imageRequest.setImageDecodeOptions(imageDecodeOptions)

即对图片强制使用静态解码的方式解码。官方地址如下:

roundascircle does not work with GIFs starting with 1.0.0 #1695

你可能感兴趣的:(Fresco的圆角与GIF不能兼得的解决方案)