Fresco是一款强大的图片加载和处理框架,让图片显示成圆形是很常见的使用场景,用Fresco的话使用下面的代码就可以了:
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/avatar"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="1dp"
fresco:placeholderImage="@drawable/user_default_head"
fresco:placeholderImageScaleType="fitCenter"
fresco:roundAsCircle="true" />
然后在代码中设置显示图片:
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