最近项目提出新需求,要求在拍照后在图片上添加用户信息的水印,so,楼主重新整理封装了一个简单的拍照+水印的工具类,需求不同,仅供参考。文件操作及权限做了适配,支持androidN及以上版本,放心使用。
效果演示:
如何调用相机这里就不介绍了,因为小伙伴们基本都使用过,主要介绍下实现水印的方式,实现水印效果也很简单,利用paint及canvas操作bitmap在对应位置进行绘制文本即可,首先定义画笔,设置水印颜色、大小及文本:
Paint paint = newPaint(Paint.ANTI_ALIAS_FLAG);paint.setColor(color);paint.setTextSize(size);Rect bounds = newRect();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 = newCanvas(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.**@paramtextThe text to be drawn*@paramxThe x-coordinate of the origin of the text being drawn*@paramyThe y-coordinate of the baseline of the text being drawn*@parampaintThe paint used for the text (e.g. color, size, style)*/public voiddrawText(@NonNull String text, floatx, floaty,@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 staticBitmap drawTxt(Context context,Bitmap bitmap,WaterMaskParam waterMaskParam) {
intmaxHeight = 0;//计算总行数List> msg = newArrayList<>();//文本for(String str : waterMaskParam.txt) {
intcount = str.length() / waterMaskParam.itemCount;if(count == 0) {
maxHeight++;Listlist = newArrayList<>();list.add(str);msg.add(list);} else{
if(str.length() % waterMaskParam.itemCount!= 0) {
count++;}
Listlist = newArrayList<>();for(inti = 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;}
}
inttxtSize = bitmap.getWidth() / waterMaskParam.itemCount;intindex = msg.size() - 1;bitmap = checkBackground(waterMaskParam.location,bitmap,msg.size() * txtSize * 2.0f);for(Liststrings : msg) {
for(inti = 0;i < strings.size();i++) {
bitmap = checkType(context,bitmap,strings.get(i),txtSize,waterMaskParam,txtSize * (maxHeight--) + index * txtSize / 2);}
index--;}
returnbitmap;} 我在最后绘制水印时,list中嵌套了一个list,外循环用来处理多段落的换行问题,内循环用来处理每个段落中的换行问题,所以我在调用绘制文本外部类传值时用的是list而不是string,及list中每个元素为一个段落,model如下:
public static classWaterMaskParam {
publicListtxt= newArrayList<>();//水印文字public intitemCount= DefWaterMaskParam.ITEM_COUNT;//每行的文字数public inttxtColor= DefWaterMaskParam.TEXT_COLOR;//文字颜色public intlocation= DefWaterMaskParam.Location.left_bottom;//水印位置publicWaterMaskParam() {
}
publicWaterMaskParam(Listtxt) {
this.txt= txt;}
publicWaterMaskParam(Listtxt, intitemCount, inttxtColor) {
this.txt= txt;this.itemCount= itemCount;this.txtColor= txtColor;}
} 为了优化水印,我在水印背景处又加了印象效果,模拟器拍摄的图片,不美观见谅
背景色的实现方式与水印绘制方式大同小异:
/*** 绘制背景色**@parambitmap*@parammaxHeight水印最大高度*@return*/private staticBitmap drawBackground(Bitmap bitmap, floatmaxHeight) {
Bitmap newBitmap = Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(),Bitmap.Config.ARGB_8888);Canvas canvas = newCanvas(newBitmap);Paint paint_b = newPaint();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);returnnewBitmap;}
我封装了一个helper类用来简化调用:
public classWaterMaskHelper {
privateContext context;privatePhotoListener photoListener;privateWaterMask.WaterMaskListener waterMarkListener;publicWaterMaskHelper(Context context,PhotoListener photoListener,WaterMask.WaterMaskListener waterMarkListener) {
this.context= context;this.photoListener= photoListener;this.waterMarkListener= waterMarkListener;}
public voidstartCapture() {
context.startActivity(newIntent(context,PhotoCaptureActivity.class));PhotoCaptureActivity.setWaterListener(waterMarkListener);PhotoCaptureActivity.setPhotoListener(photoListener);}
}
在activity中实例helper并实现接口:
//初始化水印工具waterMaskHelper= newWaterMaskHelper(this, this, this);
调用startCapture调用相机拍照并添加水印:
waterMaskHelper.startCapture();
暴露的接口有两个,都是在相机拍照后调用,选择照片:
//选择照片的uri,默认为下标1的元素voidonChoose(ArrayListphotos); 添加水印:
//拍照后调用,设置水印的基本参数WaterMaskParam onDraw();
具体实现,注:txt为空或param为空时不绘制水印
@OverridepublicWaterMask.WaterMaskParam onDraw() {
WaterMask.WaterMaskParam param = newWaterMask.WaterMaskParam();param.txt.add("我是一个小标题");param.txt.add(binding.edt.getText().toString().trim());param.location= maskLocation;param.itemCount= 30;returnparam;}
@Overridepublic voidonChoose(ArrayListphotos) {
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中只支持文本绘制,添加图片的实现方式其实与文字差不多,有兴趣的小伙伴可以尝试。我结合了相机及水印,想单独调用的是可以代码分离的哦,耦合度较低。