最近项目提出新需求,要求在拍照后在图片上添加用户信息的水印,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.**@paramtext The text to be drawn*@paramx The x-coordinate of the origin of the text being drawn*@paramy The y-coordinate of the baseline of the text being drawn*@parampaintThe 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绘制水印,参考代码如下:
/*** 绘制水印**@paramcontext*@parambitmap*@paramwaterMaskParam*@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; }}
为了优化水印,我在水印背景处又加了印象效果,模拟器拍摄的图片,不美观见谅
背景色的实现方式与水印绘制方式大同小异:
/*** 绘制背景色**@parambitmap*@parammaxHeight水印最大高度*@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为空时不绘制水印
@Overridepublic 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;}@Overridepublic 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中只支持文本绘制,添加图片的实现方式其实与文字差不多,有兴趣的小伙伴可以尝试。我结合了相机及水印,想单独调用的是可以代码分离的哦,耦合度较低。