绘制圆形的图片（增强版）

最新推荐文章于 2025-07-13 10:54:43 发布

原创最新推荐文章于 2025-07-13 10:54:43 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

150 篇文章

订阅专栏

本文详细介绍了一个自定义Android视图的实现过程，包括如何利用Bitmap进行圆形图像处理，使用不同PorterDuff.Mode实现图像混合效果，以及如何通过postInvalidate()方法更新视图。此外还提供了一些关于MeasureSpec测量策略的解释。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

重绘方法
postInvalidate();这个方法是直接重绘的
//100毫秒重绘一次
        postInvalidateDelayed(100);
使用方法：
<com.example.k.shoppingapp.Other.MyView
            android:id="@+id/baby_user"
            android:layout_width="30dp"
            android:layout_height="30dp"
            />
代码：
myView.bitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.user);
        myView.postInvalidate();

主类：
package com.example.k.test;

/**
 * Created by k on 2016/7/26.
 */

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by k on 2016/6/7.
 */
public class MyView extends View {
	Context context;
    int mHeight = 0,mWidth = 0;
    public Bitmap bitmap = null;
    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
	this.context = context;
        bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.bb);
    }
    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int f = measuredWidth(widthMeasureSpec);
        int g = measuredHeight(heightMeasureSpec);
        setMeasuredDimension(f, g);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int min = Math.min(mWidth, mHeight);
        /**
         * 长度如果不一致，按小的值进行压缩
         */
        bitmap = Bitmap.createScaledBitmap(bitmap, min, min, false);
        canvas.drawBitmap(createCircleImage(bitmap, min), 0, 0, null);
    }
    //************************************************************************************************
    private int measuredWidth(int widthMeasureSpec) {
        int Mode = MeasureSpec.getMode(widthMeasureSpec);
        int Size = MeasureSpec.getSize(widthMeasureSpec);
        if (Mode == MeasureSpec.EXACTLY) {
            mWidth = Size;
        } else {
            //由图片决定大小
            int value = getPaddingLeft()+getPaddingRight()+bitmap.getWidth();
            if (Mode == MeasureSpec.AT_MOST) {
                //由图片和Padding决定宽度，但是不能超过View的宽
                mWidth = Math.min(value,Size);
            }
        }
        return mWidth;
    }
    //**********************************************************************************************
    private int measuredHeight(int heightMeasureSpec) {
        int Mode = MeasureSpec.getMode(heightMeasureSpec);
        int Size = MeasureSpec.getSize(heightMeasureSpec);
        if (Mode == MeasureSpec.EXACTLY) {
            mHeight = Size;
        } else {
            //由图片决定高度
            int intvalur1 = getPaddingTop()+getPaddingBottom()+bitmap.getHeight();
            if (Mode == MeasureSpec.AT_MOST) {
                //由图片和Padding决定大小，但是不能超过View的高
                mHeight = Math.min(intvalur1,Size);
            }
        }
        return mHeight;
    }
    //$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
    private Bitmap createCircleImage(Bitmap source, int min)
    {
        final Paint paint = new Paint();
        final Paint paint1 = new Paint();
        final Paint paint2 = new Paint();
        //消除锯齿，让绘制出来的画更清晰
        paint.setAntiAlias(true);
        paint1.setAntiAlias(true);
        paint2.setAntiAlias(true);
        paint2.setColor(Color.parseColor("#553638"));
        //创建一个Bitmap
        Bitmap target = Bitmap.createBitmap(min, min, Bitmap.Config.ARGB_8888);
        Bitmap target1 = Bitmap.createBitmap(min,min,Bitmap.Config.ARGB_8888);

        /**
         * 产生一个同样大小的画布
         */
        //以后再Canvas上的画图操作都会作用在target上
        Canvas canvas = new Canvas(target);
        Canvas canvas1 = new Canvas(target1);

        /**
         * 首先绘制圆形
         */
        //第一个参数为圆心的x坐标，第二个参数为圆心的y坐标，第三个为圆心的半径
        canvas.drawCircle(min / 2, min / 2, min / 2-Adaptation.dp2px(context,1)/2, paint);
        canvas1.drawCircle(min / 2, min / 2, min / 2, paint2);
        /**
         * 使用SRC_IN模式显示后画图的交集处
         */
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        //这种模式是前图和后图一起显示，如果有相交的部分只显示后图的
        paint1.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));
        /**
         * 绘制图片
         */
        canvas.drawBitmap(source, 0, 0, paint);
        canvas1.drawBitmap(target,0,0,paint1);
        return target1;
    }
   
}

配合适配类使用：

package com.example.k.shoppingapp.Util;

import android.content.Context;

/**
 * Created by k on 2016/8/14.
 */
public class Adaptation {
    public static int dp2px(Context context,float dp) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dp * scale + 0.5f);
    }
    //sp转px
    public static int sp2px(Context context,float sp) {
        final float scale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (sp * scale + 0.5f);
    }
}