Android：带边框的，等比缩放的，铺满控件的ImageView

• 上一篇已经完成一个不带边框的，等比缩放的，铺满控件的ImageView。但是需求往往是无止境的，可能你做好了一个，结果需求又有改变的增加。不过，不管怎么说，这个需求还是可以实现的。
• 在上一篇中，我没有强调的是：在使用该自定义的ImageView的时候，一定不要在布局文件xml中设置如下属性：android:visibility="gone"。是的，就是一定不是使用gone属性。及时后面，你在的代码中将使用了imgview.setVisibility(View.VISIBLE);也是不行的。这个原因参照void android.view.ViewTreeObserver.OnGlobalLayoutListener.onGlobalLayout()方法的注释：
  
  • /**
<ul><li>Callback method to be invoked when the global layout state or the visibility of views</li>
<li>within the view tree changes
*/
  • 大致意思差不多就是：xxxxxx，算了，我就不翻译了，有需要的自行去找翻译软件吧。

• OK，这个带边框的，铺满控件的，等比缩放的ImageView就是这样来写了：

• ---

  
  import android.annotation.SuppressLint;
  import android.content.Context;
  import android.graphics.Canvas;
  import android.graphics.Matrix;
  import android.graphics.Paint;
  import android.graphics.Rect;
  import android.graphics.drawable.Drawable;
  import android.util.AttributeSet;
  import android.view.ViewTreeObserver.OnGlobalLayoutListener;
  import android.widget.ImageView;
  
  /**
   * 带边框的，铺满控件的ImageView
   */
  @SuppressLint("DrawAllocation")
  public class BorderImageView extends ImageView implements
          OnGlobalLayoutListener {
  
      private static final int DEFAULT_FRAME_COLOR = 0x000;
      private static final boolean DEBUG = true;
      private int color = 0xff669900;
      private boolean once;
      private Matrix matrix;
  
      public BorderImageView(Context context) {
          this(context, null);
      }
  
      public BorderImageView(Context context, AttributeSet attrs) {
          this(context, attrs, 0);
      }
  
      public BorderImageView(Context context, AttributeSet attrs, int defStyle) {
          super(context, attrs, defStyle);
          init();
      }
  
      private void init() {
          once = true;
          matrix = new Matrix();
          setScaleType(ScaleType.MATRIX);
      }
  
      @Override
      protected void onAttachedToWindow() {
          getViewTreeObserver().addOnGlobalLayoutListener(this);
          super.onAttachedToWindow();
      }
  
      @Override
      protected void onDetachedFromWindow() {
          getViewTreeObserver().removeOnGlobalLayoutListener(this);
          super.onDetachedFromWindow();
      }
  
      @SuppressLint("DrawAllocation")
      @Override
      protected void onDraw(Canvas canvas) {
          super.onDraw(canvas);
          // 画边框
          Rect rec = canvas.getClipBounds();
          rec.bottom--;
          rec.right--;
          Paint paint = new Paint();
          paint.setColor(color);
          paint.setStyle(Paint.Style.STROKE);
          canvas.drawRect(rec, paint);
      }
  
      @Override
      public void onGlobalLayout() {
          if (once) {
  
              // 1.view wh
              int width = getWidth();
              int height = getHeight();
              // 2. d dw dh
              Drawable drawable = getDrawable();
              if (drawable == null) {
                  return;
              }
              if (DEBUG) {
                  System.out.println("drawable:" + drawable);
              }
              int dw = drawable.getIntrinsicWidth();
              int dh = drawable.getIntrinsicHeight();
              // first trans
              float dx = width * 1.0f / 2 - dw * 1.0f / 2;
              float dy = height * 1.0f / 2 - dh * 1.0f / 2;
              matrix.postTranslate(dx, dy);
              // second scale
              float scale = 1.0f;
              if (dw > width && dh < height) {
                  scale = height * 1.0f / dh;// bigger
              }
              if (dw < width && dh > height) {
                  scale = width * 1.0f / dw;// bigger
              }
  
              if (dw < width && dh < height) {
                  float sh = height * 1.0f / dh;
                  float sw = width * 1.0f / dw;
                  scale = Math.max(sw, sh);
                  System.out.println("case3:"+sw+"--"+sh+"==="+scale);
              }
              if (dw > width && dh > height) {
                  float sw = width * 1.0f / dw;
                  float sh = height * 1.0f / dh;
                  scale = Math.max(sw, sh);
                  System.out.println("case4:"+sw+"--"+sh+"==="+scale);
              }
  
              if (DEBUG) {
                  System.out.println("scale:" + scale);
              }
              matrix.postScale(scale, scale, width / 2, height / 2);
              setImageMatrix(matrix);
              once = false;
          }
      }
  }

  • 额，代码不算很多，里面的东西其实都是之前有写过的。就不去解释了。
  • 然后在布局中去使用的话，就很简单了，比如：

  <com.xxxxx.yyyyyy.BorderImageView
          android:id="@+id/borderImg"
          android:layout_width="440dp"
          android:layout_height="440dp"
          android:padding="2dp"
          android:scaleType="matrix"
          android:src="@drawable/install"
          android:visibility="visible" />

  这里，我故意将宽高设置成一个固定的数字，是为了看到效果。当然，你设置成match_parent或者wrap_content也是OK的。对于很小的图片，这里的操作逻辑也是将它等比拉大。如果在使用中，感觉这样不好，也可以去修改一下上面的代码，或者给我留言，我到时候再发一个更能满足需求的控件出来。