利用PorterDuffXfermode繪製圖片文字

摘要： PorterDuffXfermode是Android中用來對圖層進行操作的類，類似於數學中的交集、並集，將上層（src）和下層（dst)進行特定的方式進行混合顯示。 構造方法：PorterDuffXfermode(PorterDuff.Mode mode) 下圖顯示對應的PorterD...

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);
}
}

效果展示

注‘Android技術交流群878873098，歡迎大家加入交流，暢談！本群有免費學習資料視訊且免費分享