最近项目提出新需求,要求在拍照后在图片上添加用户信息的水印,so,楼主重新整理封装了一个简单的拍照+水印的工具类,需求不同,仅供参考。文件操作及权限做了适配,支持androidN及以上版本,放心使用。
效果演示:
如何调用相机这里就不介绍了,因为小伙伴们基本都使用过,主要介绍下实现水印的方式,实现水印效果也很简单,利用paint及canvas操作bitmap在对应位置进行绘制文本即可,首先定义画笔,设置水印颜色、大小及文本:
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setColor(color);
paint.setTextSize(size);
Rect bounds = new Rect();
paint.getTextBounds(text, 0, text.length(), bounds);
定义好画笔后新建canvas对bitmap进行绘制,这里应该注意的是在Android代码里是不允许直接修改Bitmap资源文件,如果不copy一份的话会抛异常
Caused by: java.lang.IllegalStateException: Immutable bitmap passed to Canvas constructor
绘制代码如下:
Bitmap.Config bitmapConfig = bitmap.getConfig();
paint.setDither(true); // 获取跟清晰的图像采样
paint.setFilterBitmap(true);// 过滤一些
if (bitmapConfig == null) {
bitmapConfig = Bitmap.Config.ARGB_8888;
}
bitmap = bitmap.copy(bitmapConfig, true);
Canvas canvas = new Canvas(bitmap);
canvas.drawText(text, paddingLeft, paddingTop, paint);
我们看下drawText的源码
/**
* Draw the text, with origin at (x,y), using the specified paint. The
* origin is interpreted based on the Align setting in the paint.
*
* @param text The text to be drawn
* @param x The x-coordinate of the origin of the text being drawn
* @param y The y-coordinate of the baseline of the text being drawn
* @param paint The paint used for the text (e.g. color, size, style)
*/
public void drawText(@NonNull String text, float x, float y, @NonNull Paint paint) {
native_drawText(mNativeCanvasWrapper, text, 0, text.length(), x, y, paint.mBidiFlags,
paint.getNativeInstance(), paint.mNativeTypeface);
}
第一个和第四个参数显而易见,第二个和第三个看注释也能看懂,当然是对应的坐标轴x轴和y轴了,但是这个坐标轴到底原点在哪呢,楼主自己做了一张简单的图片供小伙伴参考,如图:
坐标原点为手机左上角,横向向右为X轴正极,纵向向下为Y轴正极,这样我们可以计算left及top来设置水印的不同位置了,楼主在util中封装了几个常用的位置,小伙伴可以查看demo中的代码。
绘制文本问题解决了,但是又一个新问题出现了,那就是如何实现多段落显示及段落间的换行,我们都知道每部手机的相机像素是不一样的,如果是把textSize写死的话,在不同分辨率的图片上显示效果很差,所以我定义了一个itemCount,每行显示的文字数,通过itemCount及图片宽度计算出textSize,比如一部手机拍出的图片宽为1080像素,itemCount为20,那么文字大小为54px,根据textSize计算总文本行数并分段,把每段文字放在list中,最后遍历List绘制水印,参考代码如下:
/**
* 绘制水印
*
* @param context
* @param bitmap
* @param waterMaskParam
* @return
*/
private static Bitmap drawTxt(Context context, Bitmap bitmap, WaterMaskParam waterMaskParam) {
int maxHeight = 0; //计算总行数
List<List<String>> msg = new ArrayList<>(); //文本
for (String str : waterMaskParam.txt) {
int count = str.length() / waterMaskParam.itemCount;
if (count == 0) {
maxHeight++;
List<String> list = new ArrayList<>();
list.add(str);
msg.add(list);
} else {
if (str.length() % waterMaskParam.itemCount != 0) {
count++;
}
List<String> list = new ArrayList<>();
for (int i = 0; i < count; i++) {
String s = str.substring(i * waterMaskParam.itemCount,
i == count - 1 ? str.length() : (i + 1) * waterMaskParam.itemCount);
list.add(s);
}
msg.add(list);
maxHeight += count;
}
}
int txtSize = bitmap.getWidth() / waterMaskParam.itemCount;
int index = msg.size() - 1;
bitmap = checkBackground(waterMaskParam.location, bitmap, msg.size() * txtSize * 2.0f);
for (List<String> strings : msg) {
for (int i = 0; i < strings.size(); i++) {
bitmap = checkType(context, bitmap, strings.get(i), txtSize,
waterMaskParam, txtSize * (maxHeight--) + index * txtSize / 2);
}
index--;
}
return bitmap;
}
我在最后绘制水印时,list中嵌套了一个list,外循环用来处理多段落的换行问题,内循环用来处理每个段落中的换行问题,所以我在调用绘制文本外部类传值时用的是list而不是string,及list中每个元素为一个段落,model如下:
public static class WaterMaskParam { public List<String> txt = new ArrayList<>(); //水印文字 public int itemCount = DefWaterMaskParam.ITEM_COUNT; //每行的文字数 public int txtColor = DefWaterMaskParam.TEXT_COLOR; //文字颜色 public int location = DefWaterMaskParam.Location.left_bottom; //水印位置 public WaterMaskParam() { } public WaterMaskParam(List<String> txt) { this.txt = txt; } public WaterMaskParam(List<String> txt, int itemCount, int txtColor) { this.txt = txt; this.itemCount = itemCount; this.txtColor = txtColor; } }为了优化水印,我在水印背景处又加了印象效果,模拟器拍摄的图片,不美观见谅
背景色的实现方式与水印绘制方式大同小异:
/**
* 绘制背景色
*
* @param bitmap
* @param maxHeight 水印最大高度
* @return
*/
private static Bitmap drawBackground(Bitmap bitmap, float maxHeight) {
Bitmap newBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),
Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(newBitmap);
Paint paint_b = new Paint();
paint_b.setDither(true);
paint_b.setFilterBitmap(true);
paint_b.setColor(Color.BLACK);
paint_b.setDither(true);
paint_b.setFilterBitmap(true);
paint_b.setAlpha(100);
canvas.drawBitmap(bitmap, 0, 0, null);
canvas.drawRect(0, newBitmap.getHeight() - maxHeight, newBitmap.getWidth(),
newBitmap.getHeight(), paint_b);
return newBitmap;
}
我封装了一个helper类用来简化调用:
public class WaterMaskHelper {
private Context context;
private PhotoListener photoListener;
private WaterMask.WaterMaskListener waterMarkListener;
public WaterMaskHelper(Context context, PhotoListener photoListener, WaterMask.WaterMaskListener waterMarkListener) {
this.context = context;
this.photoListener = photoListener;
this.waterMarkListener = waterMarkListener;
}
public void startCapture() {
context.startActivity(new Intent(context, PhotoCaptureActivity.class));
PhotoCaptureActivity.setWaterListener(waterMarkListener);
PhotoCaptureActivity.setPhotoListener(photoListener);
}
}
在activity中实例helper并实现接口:
//初始化水印工具
waterMaskHelper = new WaterMaskHelper(this, this, this);
调用startCapture调用相机拍照并添加水印:
waterMaskHelper.startCapture();
暴露的接口有两个,都是在相机拍照后调用,选择照片:
//选择照片的uri,默认为下标1的元素
void onChoose(ArrayList<String> photos);
添加水印:
//拍照后调用,设置水印的基本参数
WaterMaskParam onDraw();
具体实现,注:txt为空或param为空时不绘制水印
@Override
public WaterMask.WaterMaskParam onDraw() {
WaterMask.WaterMaskParam param = new WaterMask.WaterMaskParam();
param.txt.add("我是一个小标题");
param.txt.add(binding.edt.getText().toString().trim());
param.location = maskLocation;
param.itemCount = 30;
return param;
}
@Override
public void onChoose(ArrayList<String> photos) {
uris = photos;
Glide.with(MainActivity.this).load(photos.get(0)).placeholder(R.mipmap.ic_launcher).centerCrop().error(R.mipmap.ic_launcher)
.crossFade().into(binding.img);
}
相关Demo已上传至Github,
Git地址
Demo中只支持文本绘制,添加图片的实现方式其实与文字差不多,有兴趣的小伙伴可以尝试。我结合了相机及水印,想单独调用的是可以代码分离的哦,耦合度较低。