android 圆角图片实现(三)

前面已经提到了实现圆角的方法，现在是第三种，这种也是大家最熟悉的一种，稍后一看就明白了
还是和以前一样，上代码看效果。
1布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:padding="10dp">    <com.example.apple.Custom.Matrix.RoundImagView        android:id="@+id/mm1"        android:layout_width="200dp"        android:layout_height="200dp" />    <com.example.apple.Custom.Matrix.RoundImagView        android:id="@+id/mm2"        android:layout_width="wrap_content"        android:layout_height="150dp" />    <com.example.apple.Custom.Matrix.RoundImagView        android:id="@+id/mm3"        android:layout_width="150dp"        android:layout_height="wrap_content" /></LinearLayout>

我们是自定义一个view，以前都是自定义drawable，这次会比以前更加简单，但是也会有一些细节问题，我们来一起见证一下

public class RoundImagView extends View{    private int width, height, min;    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);    private Bitmap mbitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ns5);    public RoundImagView(Context context) {        this(context, null);    }    public RoundImagView(Context context, @Nullable AttributeSet attrs) {        this(context, attrs, 0);    }    public RoundImagView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int wmode = MeasureSpec.getMode(widthMeasureSpec);        int hmode = MeasureSpec.getMode(heightMeasureSpec);        int w = MeasureSpec.getSize(widthMeasureSpec);        int h = MeasureSpec.getSize(heightMeasureSpec);        if (wmode == MeasureSpec.EXACTLY && hmode == MeasureSpec.EXACTLY) {            width = w;            height = h;        } else if (hmode == MeasureSpec.AT_MOST && wmode == MeasureSpec.AT_MOST) {            width = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 100, getResources().getDisplayMetrics());            height = width;        } else {            height = h;            width = height;        }        min = Math.min(height - getPaddingTop() - getPaddingBottom(), width - getPaddingRight() - getPaddingLeft());        setMeasuredDimension(width, height);    }    @Override    protected void onDraw(Canvas canvas) {        mbitmap = Bitmap.createScaledBitmap(mbitmap, width, height, false);        Bitmap bitmap = createBitmap();        canvas.drawBitmap(bitmap, 0, 0, null);    }    private Bitmap createBitmap() {        Bitmap bitmap = Bitmap.createBitmap(getResources().getDisplayMetrics(), width, height, Bitmap.Config.ARGB_8888);        Canvas canvas = new Canvas(bitmap);        canvas.drawCircle(width / 2, height / 2, min / 2, paint);        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));        canvas.drawBitmap(mbitmap, 0, 0, paint);        return bitmap;    }}

activity里面啥也没做，核心就这一个类，一切都在这里面处理，先看下代码，onMeasure就没啥说的了，主要是根据布局里面的宽高mode处理view 的宽高问题，这个就自己看了。
在ondraw里面Bitmap.createScaledBitmap这个方法有点意思，看名称是缩放功能，为啥要这样呢，主要是图片太大的话，绘制到view上面只会出现一部分的画面，所以就根据图片的宽高和view的宽高进行缩放，这样绘制出来的画面才是全部的画面。进入这个createScaledBitmap方法，看看是如何缩放的。

 public static Bitmap createScaledBitmap(Bitmap src, int dstWidth, int dstHeight,            boolean filter) {        Matrix m;        synchronized (Bitmap.class) {            // small pool of just 1 matrix            m = sScaleMatrix;            sScaleMatrix = null;        }        if (m == null) {            m = new Matrix();        }        final int width = src.getWidth();        final int height = src.getHeight();        final float sx = dstWidth  / (float)width;        final float sy = dstHeight / (float)height;        m.setScale(sx, sy);        Bitmap b = Bitmap.createBitmap(src, 0, 0, width, height, m, filter);        synchronized (Bitmap.class) {            // do we need to check for null? why not just assign everytime?            if (sScaleMatrix == null) {                sScaleMatrix = m;            }        }        return b;    }

看代码通过宽高比，用矩阵来处理缩放尺寸，返回一个小尺寸的图片，但是这里会有个问题，后面再说。。
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));这个是处理俩个图片绘制怎么显示的工具。PorterDuff.Mode有16种模式，我们就用其中的一种PorterDuff.Mode.SRC_IN，详情可以查看官方文档

代码全部贴来了，看看女神效果了

看看圆角已经出来了，目的已经达到了，是不是就完了呢，且慢上面还遗留了一个问题，看图片也知道女神一会变胖了，一会儿瘦了，有点让我看着不舒服，追求完美的我，肯定不会让我的女神这样，这是一种侮辱，我一定要让观众看到她最漂亮的一面，那么往下看

    @Override    protected void onDraw(Canvas canvas) {        Bitmap bitmap = createBitmap();        canvas.drawBitmap(bitmap, 0, 0, null);    }      private Bitmap createBitmap() {        if (roundbitmap != null){            return roundbitmap;        }        roundbitmap = Bitmap.createBitmap(getResources().getDisplayMetrics(), width, height, Bitmap.Config.ARGB_8888);        Canvas canvas = new Canvas(roundbitmap);        canvas.drawCircle(width / 2, height / 2, min / 2, paint);        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));        Matrix matrix = new Matrix();        int w = mbitmap.getWidth();        int h = mbitmap.getHeight();        final float sx = width * 1.0f / w;        final float sy = height * 1.0f / h;        float max = Math.max(sx, sy);        matrix.setScale(max, max);        canvas.drawBitmap(mbitmap, matrix, paint);        return roundbitmap;    }

这里用到了矩阵，不太明白的小伙伴可以看我以前的博客，或者查看官方文档，好了看图说话，流哈喇子吧

完美的女神终于回来了，女神就是女神呀，太漂亮了。