自定义imageview中的canvas.drawBitmap方法

最新推荐文章于 2024-05-20 13:56:54 发布

keep_moving12138

最新推荐文章于 2024-05-20 13:56:54 发布

阅读量2.4k

点赞数

分类专栏： Android自定义控件

本文链接：https://blog.csdn.net/keep_moving12138/article/details/76832834

版权

Android自定义控件专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种自定义Android视图的方法，通过继承AppCompatImageView并重写onDraw方法实现画圆角矩形、圆形及椭圆的功能。重点讨论了如何使用Bitmap、Canvas等组件来创建这些图形，并通过PorterDuffXfermode来处理图像的叠加效果。

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

自定义画圆角矩形、园、椭圆

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;

import static android.content.ContentValues.TAG;

/**
 * Created by yang on 2017/8/6.
 */

public class RoundAngleImageView extends android.support.v7.widget.AppCompatImageView {
    private Paint paint;
    public RoundAngleImageView(Context context) {
        this(context,null);

    }

    public RoundAngleImageView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public RoundAngleImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        paint=new Paint();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Drawable drawable=getDrawable();
        if (drawable!=null){
            Bitmap bit=((BitmapDrawable)drawable).getBitmap();
            Bitmap b=getCircleBitmap(bit,200);
            Log.d(TAG, "onDraw: "+b.getWidth()+""+b.getHeight());
            Rect dst=new Rect(0,0,getWidth(),getHeight());
            Rect src=new Rect(0,0,b.getWidth(),b.getHeight());
            paint.reset();
            canvas.drawBitmap(b,src,dst,paint);
        }else {
            super.onDraw(canvas);
        }
    }

    private Bitmap getCircleBitmap(Bitmap bit, int i) {
        Bitmap bitmap = Bitmap.createBitmap(bit.getWidth(), bit.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Rect rect=new Rect(0,0,bit.getWidth(),bit.getHeight());
        paint.setAntiAlias(true);
        canvas.drawARGB(0,0,0,0);
        paint.setColor(0xff424242);
        int x=bit.getWidth();
        int y=bit.getHeight();
       // canvas.drawRoundRect(new RectF(0,0,x,y),x/4,y/4,paint);
       canvas.drawOval(new RectF(0,0,x,y),paint);
       // canvas.drawCircle(x/2,x/2,x/2,paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bit,rect,rect,paint);
        return bitmap;

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

因为在src的xml文件中定义该控件的长宽一样（正方形）

canvas.drawOval(new RectF(0,0,x,y),paint);
这句出来的效果你会发现是一个园，但是像是图片被压缩过圆，确实，在getCircleBitmap方法中得到的是一个椭圆，他的长高和图片的长高是一样的，但是在
Ondraw方法中的canvas.drawBitmap方法将其放置在一个长高一定的空间中，那么他得到的图像就是将这个椭圆压到该正方形中，那么自然就得到一个圆，
而canvas.drawCircle(x/2,x/2,x/2,paiint）这个画圆的方法却得到一个椭圆？同样，在getCircleBitmap方法中得到的是一个圆，但是他返回的是一个和原图片长高
一样的bitmap对象，也就是圆并不能完全占满整一个画板。将有边框的圆压到一个正方形中，那么自然就得到了一个椭圆。
如果不设置：paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
src参数就是源图片，dsct就是目标位置，将原图片压到目标的位置：
如果设置了，那就要参考下图进行相应的上下层叠加：

3.16条Porter-Duff规则
1.PorterDuff.Mode.CLEAR
   所绘制不会提交到画布上。
2.PorterDuff.Mode.SRC
   显示上层绘制图片
3.PorterDuff.Mode.DST
  显示下层绘制图片
4.PorterDuff.Mode.SRC_OVER
  正常绘制显示，上下层绘制叠盖。
5.PorterDuff.Mode.DST_OVER
  上下层都显示。下层居上显示。
6.PorterDuff.Mode.SRC_IN
   取两层绘制交集。显示上层。
7.PorterDuff.Mode.DST_IN
  取两层绘制交集。显示下层。
8.PorterDuff.Mode.SRC_OUT
 取上层绘制非交集部分。
9.PorterDuff.Mode.DST_OUT
 取下层绘制非交集部分。
10.PorterDuff.Mode.SRC_ATOP
 取下层非交集部分与上层交集部分
11.PorterDuff.Mode.DST_ATOP
  取上层非交集部分与下层交集部分
12.PorterDuff.Mode.XOR
  
13.PorterDuff.Mode.DARKEN

14.PorterDuff.Mode.LIGHTEN

15.PorterDuff.Mode.MULTIPLY

16.PorterDuff.Mode.SCREEN