最近有个工作任务就是给用户拍的照片打上水印并且上传到服务器
首先我们看看效果
话不多说 开搞
首先准备一张图片
val bitmap = BitmapFactory.decodeResource(resources, R.drawable.nice_bg)
//然后我们需要获取图片的宽高来做一张跟原始图片一样大小的bitmap
val width: Int = bitmap.width
val height: Int = bitmap.height
//创建一个跟原图一样大的Bitmap 但是这上面现在啥也没有
val newBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
图片准备好了接下来要轮到我们的Canvas来表演了
//直接吧空白的Bitmap作为画布
val canvas = Canvas(newBitmap)
//把我们选中的图片给画上去吧
//在画布 0，0坐标上开始绘制原始图片
canvas.drawBitmap(bitmap, 0f, 0f, null)
画布和图片准备好了那么我们开始吧文字绘制上去吧因为有些图片偏亮 那么白字就不容易辨识了 所以我们来给文字下面加个70%透明度的黑色底色吧
//设置画笔颜色为白色
val paint = Paint()
paint.color = Color.WHITE
//蒙版画笔为黑色70%透明度 #4C000000
val maskingPaint = Paint()
maskingPaint.color = ContextCompat.getColor(this, R.color.black70)
//文字的大小和文本框间距 文字14sp 间距6dp
val textSize = sp2px(14).toFloat()
paint.textSize = textSize
val margin = dp2px(6f).toFloat()
//在计算一下文本框的宽度
val textWidth = msg.length * textSize
好了一切准备就绪开始绘制吧 先来个左上角的(此处给三倍margin是因为文字顶部的留白问题)
//首先是底色 这里left top都以左上角来开始所以都是0 right就是左右margin外加文字的长度了 这里文字的高度也就是文字的大小 所以bottom 为文字高度 外加三倍的margin
canvas.drawRect(0f, 0f, textWidth + margin * 2, textSize + margin * 3, maskingPaint)
//接着我们来绘制文字 没什么好说的x轴起点位置给个margin y轴为文字高度加顶部Margin
canvas.drawText(msg, margin, textSize + margin, paint)
//最后就保存一下我们的图片吧
canvas.save()
canvas.restore()
现在这个Bitmap就可以直接使用了将他设置到ImageView上就可以了
顶部留白导致下方只给一个margin很不协调
这里是dp和sp转PX的方法 很基础就不赘述了
private fun dp2px(dpValue: Float): Int {
return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, resources.displayMetrics).toInt()
}
private fun sp2px(spValue: Int): Int {
return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue.toFloat(), resources.displayMetrics).toInt()
}
因为涉及到图片的上传那么我们还需要将bitmap转成文件提交给服务器
private fun saveBitmapFile(context: Context, bitmap: Bitmap, name: String): File {
//将要保存图片的路径
val file = File(context.getExternalFilesDir(null)?.absolutePath + name + ".jpg")
try {
val bos = BufferedOutputStream(FileOutputStream(file))
//100意味着不压缩如有需要可以0-100按比例进行压缩
bitmap.compress(Bitmap.CompressFormat.JPEG, 100, bos)
bos.flush()
bos.close()
} catch (e: IOException) {
e.printStackTrace()
}
return file
}
最后是我封装的用来在各个位置加上文字水印有需要可以直接拿去使用
/**1:左上角 2:底部中间 3:右上角 4:左下角 5:右下角 6:正中间*/
private fun handlerWaterRemark(bitmap: Bitmap, msg: String, type: Int): Bitmap {
//原始图片宽高
val width: Int = bitmap.width
val height: Int = bitmap.height
//创建一个跟原图一样大的Bitmap
val newBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888) // 创建一个新的和SRC长度宽度一样的位图
//将该图片作为画布
val canvas = Canvas(newBitmap)
//在画布 0，0坐标上开始绘制原始图片
canvas.drawBitmap(bitmap, 0f, 0f, null)
//设置画笔颜色
val paint = Paint()
paint.color = Color.WHITE
//底色
//画笔
val maskingPaint = Paint()
maskingPaint.color = ContextCompat.getColor(this, R.color.black70)
//设置文字大小
val textSize = sp2px(14).toFloat()
paint.textSize = textSize
//文字的Margin
val margin = dp2px(6f).toFloat()
//文字总宽度
val textWidth = msg.length * textSize
//在画布上绘制水印图片
when (type) {
1 -> {
//左上角 X轴Y轴都加上6dp的margin
//底色
canvas.drawRect(0f, 0f, textWidth + margin * 2, textSize + margin*3 , maskingPaint)
canvas.drawText(msg, margin, textSize + margin, paint)
}
2 -> {
//底部中间
val x = (width / 2f) - (textWidth / 2)
val y = height.toFloat() - margin
//底色
canvas.drawRect(x - margin, y - margin * 3, x + textWidth + margin, height.toFloat(), maskingPaint)
canvas.drawText(msg, x, y, paint)
}
3 -> {
//右上角
//底色
canvas.drawRect(width - textWidth - margin * 3, 0f, width.toFloat(), textSize + margin * 3, maskingPaint)
canvas.drawText(msg, width - textWidth - margin, textSize + margin, paint)
}
4 -> {
//左下角
//底色
canvas.drawRect(0f, height-textSize-margin*2, textWidth+margin*2, height.toFloat(), maskingPaint)
canvas.drawText(msg, margin, height - margin, paint)
}
5 -> {
//右下角
//底色
canvas.drawRect(width-textWidth-margin*2, height-textSize-margin*2, width.toFloat(), height.toFloat(), maskingPaint)
canvas.drawText(msg, width - textWidth - margin, height - margin, paint)
}
6 -> {
//正中间
val x = width / 2f - textWidth / 2
val y = height / 2f - textSize / 2f
//底色
canvas.drawRect(x - margin, y - margin*3, x + textWidth + margin, y + textSize-margin, maskingPaint)
canvas.drawText(msg, x, y, paint)
}
}
//保存图片
canvas.save()
canvas.restore()
return newBitmap
}
完结散花
