Android 使用Universal Image Loader绘制带圆角的图片（一）

Android 使用Universal Image Loader绘制带圆角的图片（一）

绘制带圆角的控件难吗？貌似不难。对于一个普通layout或者widget，要绘制圆角，只要把 background设置成下面这样的drawable就行了。

<?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <!-- 填充的颜色 -->
  <solid android:color="@color/pure_white" />
  <!-- 设置按钮的四个角为弧形 -->
  <!-- android:radius 弧形的半径 -->
  <corners android:radius="@dimen/small_corner_radius" />
  </shape>

但是，对于图片控件ImageView，这种方法却会没有效果。要想知道原因，就得看android源码。首先看看ImageView是如何设置Bitmap的。

public void setImageBitmap(Bitmap bm) {
      // if this is used frequently, may handle bitmaps explicitly
      // to reduce the intermediate drawable object
      setImageDrawable(new BitmapDrawable(mContext.getResources(), bm));
  }

哦，它通过Bitmap创建了一个BitmapDrawable。那BitmapDrawable干了啥呢？

@Override
  public void draw(Canvas canvas) {
      Bitmap bitmap = mBitmap;
      if (bitmap != null) {
          final BitmapState state = mBitmapState;
          if (state.mRebuildShader) {
              ......

              if (tmx == null && tmy == null) {
                  state.mPaint.setShader(null);
              } else {
                  state.mPaint.setShader(new BitmapShader(bitmap,
                          tmx == null ? Shader.TileMode.CLAMP : tmx,
                          tmy == null ? Shader.TileMode.CLAMP : tmy));
              }
              .......
              copyBounds(mDstRect);
          }

         Shader shader = state.mPaint.getShader();
          final boolean needMirroring = needMirroring();
          if (shader == null) {
              ......
              canvas.drawBitmap(bitmap, null, mDstRect, state.mPaint);
              if (needMirroring) {
                  canvas.restore();
              }
          } else {
              ......
              canvas.drawRect(mDstRect, state.mPaint);
          }
      }
  }

注意红色的代码，可以大概知道，这里仅仅把图片绘制到了一个固定的矩形框中，所以图片部分还是矩形。
那么该如何解决这个问题呢？还好并不复杂，看看十分流行的UIL(Universal Image Loader https://github.com/nostra13/Android-Universal-Image-Loader )是怎么做的。答案就在它的RoundedBitmapDisplayer.java中的RoundedDrawable类。

public static class RoundedDrawable extends Drawable {

  public RoundedDrawable(Bitmap bitmap, int cornerRadius, int margin, ViewScaleType scaleType) 
  {
      this.cornerRadius = cornerRadius;
      this.margin = margin;
      bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
      mBitmapRect = new RectF (margin, margin, bitmap.getWidth() - margin, bitmap.getHeight() - margin);
      paint = new Paint();
      paint.setAntiAlias(true);
      paint.setShader(bitmapShader);
      mScaleType = scaleType;
  }

  @Override
  public void draw(Canvas canvas)
  {
      canvas.drawRoundRect(mRect, cornerRadius, cornerRadius, paint);
      //canvas.drawRect(mDstRect, state.mPaint); ImageView的绘制方法
}
  ｝

我只贴出了构造器和draw两个方法。构造器的代码表明它也是用BitmapShader来进行图片的绘制的，和ImageView的区别就在于，它是用drawRoundRect的方法来进行绘制的。所以它可以绘制出圆角的图片。



Edit By MaHua