ImageLoader设置圆角与ImageView自带裁剪的冲突

写在前面：最近写一个新闻的功能，要求新闻图片需要裁剪，这个很简单，ImageView自带的ScaleType类型设置成“centerCrop”就可以。

产品又要求图片需要圆角，这个也简单，ImageLoader可以实现（怎么实现百度一堆）,但是后来测试发现，圆角是正常的，但是不管上传多离谱的图片，都不裁剪。发现是圆角与裁剪冲突了，以下来分析原因。

在在线网站查询了ImageView,并找到centerCrop之后，源码是这么写的：

image.png

均匀的缩小或放大图像（保持图像的纵横比），使图像的尺寸（宽度和高度）都等于或大于视图的对应尺寸（减去填充）。 然后图像就会在视图中居中。 在XML中，使用以下语法：android：scaleType =“centerCrop”。

首先看一下ImageView设置centerCrop是怎么操作的：

image.png

代码中涉及到的几个变量

mMatrix: 一个Matrix实例化对象。 这个类是用来对图片做一些处理的，类似旋转、位移、裁剪等。
dwidth: 图片的宽度
dheight: 图片的高度
vwidth: 视图的宽度
vheight: 视图的高度

计算过程

if (dwidth * vheight > vwidth * dheight) {

       scale = (float) vheight / (float) dheight; 

       dx = (vwidth - dwidth * scale) * 0.5f;
} else {

        scale = (float) vwidth / (float) dwidth;

        dy = (vheight - dheight * scale) * 0.5f;
}

这段代码的大概意思，我画个图：

image.png

最后把计算出来的裁减比例设置给负责裁剪的Matrix.

这是ImageView的裁剪逻辑。

下面看看imageLoader的圆角逻辑：

有点悲催。。追ImageLoader的代码，追查到这个方法之后，就看不到了，问了懂的人，说是涉及底层C++的代码，看不了。

private static native void native_drawRoundRect(long nativeCanvas,
            float left, float top, float right, float bottom,
            float rx, float ry, long nativePaint);

不过看到这儿也差不多了，这个方法是canvas里面的，用到canvas那应该是重新去绘制图片了。

那么圆角和自带的裁剪冲突就可以理解了，首先ImageView把图片画到view上的时候对图片做了一次裁剪，之后ImageLoader 又对图片重新加载了一次，并画了圆角，图片还原。

解决办法：不要圆角，要裁剪；或者不要裁剪，要圆角；其实最好的办法是能够在ImageLoader画圆角的时候，让它加载已经裁剪过的图片。但是这样做的话就需要自己手动裁剪了，然后保存路径。