Android绘制圆形图片的方法

本是古典何须时尚 2022-06-01 10:56 508阅读 0赞

**1.使用Xfermode 相交模式**

见：[http://blog.csdn.net/zcn596785154/article/details/79180145][http_blog.csdn.net_zcn596785154_article_details_79180145]

**2.通过裁剪画布区域实现**

Canvas类提供了ClipPath, ClipRect, ClipRegion 等方法来裁剪画布，通过他们的不同组合，可以得到任意形状的画布，然后在这个区域上画图，就可以获得对应形状的View了。但是，使用裁剪画布的方式实现圆形头像会有锯齿，边缘不如其他方式平滑。代码如下：

//为了保证绘制出来的View为圆形，如果图片的长宽不一致，长的部分会被截断
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int mSize = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = mSize / 2;
        setMeasuredDimension(mSize, mSize);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        mPath.addCircle(mRadius, mRadius, mRadius, Path.Direction.CW);
        canvas.clipPath(mPath);
        super.onDraw(canvas);
    }

**3.使用BitmapShader**

Shader就是画笔Paint的渲染器，本质上这种方法其实是画圆，只是渲染时采用了我们设置的图片。

BitmapShader是Shader的子类，可以通过Paint.setShader（Shader shader）进行设置，然后用这个Paint绘图时，就会根据你设置的TileMode，对绘制区域进行着色。BitmapShader的构造方法：  
mBitmapShader = new BitmapShader(bitmap, TileMode.CLAMP, TileMode.CLAMP);

参数TileMode的取值有三种：  
\- CLAMP 拉伸：拉伸的是图片最后的那一个像素  
\- REPEAT 重复：就是横向、纵向不断重复这个bitmap  
\- MIRROR 镜像：横向、纵向不断翻转重复

代码示例如下：

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mSize = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = mSize / 2;
        setMeasuredDimension(mSize, mSize);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        //得到原bitmap
        Bitmap src = ((BitmapDrawable) getDrawable()).getBitmap();
        if (src == null) {
            super.onDraw(canvas);
            return;
        }
        //把bitmap缩小为和View大小一致
        Bitmap newBitmp = Bitmap.createScaledBitmap(src, mSize, mSize, false);
        if (newBitmp == null) {
            return;
        }
        //将缩小后的bitmap设置为画笔的shader
        mBitmapShader = new BitmapShader(newBitmp, Shader.TileMode.REPEAT,
                Shader.TileMode.REPEAT);
        //生成用来绘图的bitmap，并在其上用画笔绘图
        Bitmap dest = Bitmap.createBitmap(mSize, mSize, Bitmap.Config.ARGB_8888);
        if (dest == null) {
            return;
        }
        Canvas c = new Canvas(dest);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setShader(mBitmapShader);
        c.drawCircle(mRadius, mRadius, mRadius, paint);
        //将最后生成的bitmap绘制到View的canvas上
        canvas.drawBitmap(dest, 0, 0, paint);
    }

[http_blog.csdn.net_zcn596785154_article_details_79180145]: http://blog.csdn.net/zcn596785154/article/details/79180145