利用PorterDuffXfermode绘制图片文字

PorterDuffXfermode是Android中用来对图层进行操作的类,类似于数学中的交集、并集,将上层(src)和下层(dst)进行特定的方式进行混合显示。

构造方法:PorterDuffXfermode(PorterDuff.Mode mode)

下图显示对应的PorterDuff.Mode所对应的效果

这次实现的图片文字是用的SrcIn模式,也就是先画文字然后画图,取其交集区域显示上层图层

完整代码展示

package com.yuyigufen.customview;

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.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by Administrator on 2018/6/1 0001.
 */

public class MyTextImageView extends View {

    private Paint paint;

    public MyTextImageView(Context context) {
        this(context,null);
    }

    public MyTextImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(measureWidth(widthMeasureSpec),measureWidth(heightMeasureSpec));
    }
    private int measureWidth(int width){
        int size = MeasureSpec.getSize(width);
        int mode = MeasureSpec.getMode(width);
        if(MeasureSpec.EXACTLY==mode){
            return size;
        }else {
            if(MeasureSpec.AT_MOST==mode){
                return size<200?size:200;
            }
            return 200;
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    //        创建一个新画布,然后在新画布上进行绘制
        int layerId = canvas.saveLayer(0, 0, getWidth(),getHeight() , null, Canvas.ALL_SAVE_FLAG);
        paint.setTextSize(100);
    //    这里使用STROKE模式通过设置StrokeWidth增加文字的宽度
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(8);
        float i = paint.measureText("图片文字");
        canvas.drawText("图片文字",(getWidth()-i)/2,getHeight()/2,paint);
    //        设置取交集显示
        PorterDuffXfermode porterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);
        paint.setXfermode(porterDuffXfermode);
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.fff);
    //        将图片缩放为控件大小
        Bitmap scaledBitmap = Bitmap.createScaledBitmap(bitmap, getWidth(), getHeight(), true);
        canvas.drawBitmap(scaledBitmap,5,5,paint);
        paint.setXfermode(null);
    //        将绘制完的画布贴到控件上
        canvas.restoreToCount(layerId);
    }
}

效果展示

原文地址:http://blog.51cto.com/14009815/2347399

时间: 2024-10-10 09:04:15

利用PorterDuffXfermode绘制图片文字的相关文章

C#利用GDI+绘制旋转文字等效果实例

本文实例讲述了C#利用GDI+绘制旋转文字等效果的方法,是非常实用的技巧.分享给大家供大家参考之用.具体如下: C#中利用GDI+绘制旋转文本的文字,网上有很多资料,基本都使用矩阵旋转的方式实现.但基本都只提及按点旋转,若要实现在矩形范围内旋转文本,资料较少.经过琢磨,可以将矩形内旋转转化为按点旋转,不过需要经过不少的计算过程.利用下面的类可以实现该功能. 具体实现代码如下: using System; using System.Collections.Generic; using System

C#利用GDI+绘制旋转文字等效果

C#中利用GDI+绘制旋转文本的文字,网上有很多资料,基本都使用矩阵旋转的方式实现.但基本都只提及按点旋转,若要实现在矩形范围内旋转文本,资料较少.经过琢磨,可以将矩形内旋转转化为按点旋转,不过需要经过不少的计算过程.利用下面的类可以实现该功能. [csharp] view plaincopy using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D;

基于OpenGL编写一个简易的2D渲染框架-04 绘制图片

阅读文章前需要了解的知识,纹理:https://learnopengl-cn.github.io/01%20Getting%20started/06%20Textures/ 过程简述:利用 FreeImage 库加载图像数据,再创建 OpenGL 纹理,通过 Canvas2D 画布绘制,最后又 Renderer 渲染器渲染 本来想用 soil 库加载图像数据的,虽然方便,但是加载有些格式的图像文件时会出现一些问题.最后,改用 FreeImage 库来加载图像了. 添加 FreeImage 库到工

iOS:quartz2D绘图(在PDF文件上绘制图片)

quartz2D还可以在PDF文件上绘制图片,它有自己的PDF Graphics Context上下文,通过UIGraphicsBeginPDFContextToFile方法开始上下文后就可以绘制图片了,最后记得使用UIGraphicsEndPDFContext()方法结束上下文.绘制pdf时,既可以绘制单页pdf,也可以绘制多页pdf成一本书,在绘制开始时,使用UIGraphicsBeginPDFPage()开始新的一页这是非常重要的.下面演示绘制单页pdf和多页的pdf. 具体的实例如下:

利用Matrix实现图片倒影效果

利用matrix可以实现各种图片的特效,今天就用marix加上渐变色实现图片倒影的效果,步骤如下: 1. 获取需要倒影效果的图片,这里取原图片的一半 2. 添加颜色渐变到倒影图片上 具体的实现如下面代码所述,我们以一种自定义view的形式给出效果图,代码如下: package com.flection.view; import com.flection.main.R; import android.annotation.SuppressLint; import android.content.C

浮动:图片文字两栏布局

利用元素浮动实现如下图的两栏布局: HTML部分代码如下: 1 <section> 2 <div class="wrap"> 3 <img src=""> 4 <p class="clearfix">......</p> 5 </div> 6 <div class="wrap"> 7 <img src=""> 8

【HTML】Canvas(3)-绘制图片

开发的游戏的时候,游戏中的地图.背景.任务.物品等都是由图片组成的,本节我们来谈谈在canvas中如何操作图片吧. canvas中提供了drawImage函数和putImageData函数来绘制图片. drawImage()函数有3种函数原型,语法如下: drawImage(image,dx,dy); drawImage(image,dx,dy,dw,dh); drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh); 参数一image是要绘制的对象,这个参数可以是HTM

斯坦福第十八课:应用实例:图片文字识别(Application Example: Photo OCR)

18.1  问题描述和流程图 18.2  滑动窗口 18.3  获取大量数据和人工数据 18.4  上限分析:哪部分管道的接下去做 18.1  问题描述和流程图 图像文字识别应用所作的事是,从一张给定的图片中识别文字.这比从一份扫描文档中 识别文字要复杂的多. 为了完成这样的工作,需要采取如下步骤: 为了完成这样的工作,需要采取如下步骤: 1. 文字侦测(Text detection)——将图片上的文字与其他环境对象分离开来 2. 字符切分(Character segmentation)——将文

Android开发--利用Matrix进行图片操作

今天和大家分享一下Android中Matrix的简单用法,Matrix其实就是一个3*3的矩阵,利用这个矩阵对图像操作.在Android中,为我们提供一些封装好的方法可以进行一些简单的图像操作,总共分为rotate(旋转),scale(缩放),translate(平移)和skew(倾斜)四种,每一种变换都提供了set, post和pre三种操作方式,除了translate,其他三种操作都可以指定中心点.其中post的方式是对原矩阵进行后乘,pre方式是对原矩阵进行前乘,另外,每一次通过set的方