几行代码自定义view实现聚光灯效果

效果图
在这里插入图片描述

核心代码

 @Override
    protected void onDraw(Canvas canvas) {
        Bitmap bitmapPic=BitmapFactory.decodeResource(MyApplication.getInstance().getResources(),R.mipmap.gir);
        Bitmap bitmap1= Bitmap.createBitmap(bitmapPic.getWidth(), bitmapPic.getHeight(), Bitmap.Config.ARGB_8888);
        canvas.drawBitmap(bitmapPic,0,0,null);

        canvas1=new Canvas(bitmap1);

        canvas1.drawColor(0xaaFF00FF);

        **paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));**

        canvas1.drawCircle(bitmapPic.getWidth()/4+80,bitmapPic.getWidth()/4,bitmapPic.getWidth()/4,paingBitmap);

        canvas.drawBitmap(bitmap1,0,0,null);
        
    	bitmapPic.recycle();
        bitmap1.recycle();
    }

关键点:paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
PorterDuff有16个模式
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 取两图层全部区域,交集部分变为透明色

注意:不要在onDraw里面创建Paint,容易造成频繁的GC

源码

public class lightPicView extends View {
    private Paint paingBitmap;
    private Canvas canvas1;

    public lightPicView(Context context) {
        super(context);
    }

    public void initData(){
        paingBitmap=new Paint();
        paingBitmap.setAntiAlias(true);
    }

    public lightPicView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initData();
    }

    public lightPicView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

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

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Bitmap bitmapPic=BitmapFactory.decodeResource(MyApplication.getInstance().getResources(),R.mipmap.gir);
        Bitmap bitmap1= Bitmap.createBitmap(bitmapPic.getWidth(), bitmapPic.getHeight(), Bitmap.Config.ARGB_8888);
        canvas.drawBitmap(bitmapPic,0,0,null);

        canvas1=new Canvas(bitmap1);

        canvas1.drawColor(0xaaFF00FF);

        paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

        canvas1.drawCircle(bitmapPic.getWidth()/4+80,bitmapPic.getWidth()/4,bitmapPic.getWidth()/4,paingBitmap);

        canvas.drawBitmap(bitmap1,0,0,null);
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值