一、绘制背景
绘制背景的方法有两种：
- 自己利用canvas进行绘制
- 利用view的自带方法进行绘制
1.1 canvas绘制背景
自己绘制的背景的方法就是在onDraw回调进行绘制的时候，先draw一个背景，再进行draw原来的内容
代码语言：javascript复制override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
//先绘制颜色作为背景
canvas.drawColor(Color.BLACK)
//画出缓存bitmap的内容
canvas.drawBitmap(mBufferBitmap,0f,0f,null)
}1.2 view自带方法
view有setBackground方法，我利用这个方法设置背景setBackgroundResource(R.drawable.bg)，这个方法是怎么样执行的，来简单跟踪一下源码，ctrl 鼠标左键 进去这个方法，最终跳到了setBackgroundDrawable，下面是源码(删减了)
代码语言：javascript复制public void setBackgroundDrawable(Drawable background) {
computeOpaqueFlags();
if (background == mBackground) {
return;
}
boolean requestLayout = false;
mBackgroundResource = 0;
......
if (background != null) {
......
mBackground = background;
applyBackgroundTint();
...
} else {
/* Remove the background */
mBackground = null;
.......
}
computeOpaqueFlags();
if (requestLayout) {
requestLayout();
}
mBackgroundSizeChanged = true;
invalidate(true);
invalidateOutline();
}可以看到view里面有一个变量mBackground，我们设置的背景会转成Drawable然后赋值给它，然后看它是如何绘制的，搜索draw(找到绘制方法，然后看到有一个方法操作了背景drawBackground(canvas)，传递了画布过去，这个方法源码：
代码语言：javascript复制private void drawBackground(Canvas canvas) {
final Drawable background = mBackground;
if (background == null) {
return;
}
setBackgroundBounds();
// Attempt to use a display list if requested.
if (canvas.isHardwareAccelerated() && mAttachInfo != null
&& mAttachInfo.mHardwareRenderer != null) {
mBackgroundRenderNode = getDrawableRenderNode(background, mBackgroundRenderNode);
final RenderNode renderNode = mBackgroundRenderNode;
if (renderNode != null && renderNode.isValid()) {
setBackgroundRenderNodeProperties(renderNode);
((DisplayListCanvas) canvas).drawRenderNode(renderNode);
return;
}
}
final int scrollX = mScrollX;
final int scrollY = mScrollY;
if ((scrollX | scrollY) == 0) {
background.draw(canvas);
} else {
canvas.translate(scrollX, scrollY);
background.draw(canvas);
canvas.translate(-scrollX, -scrollY);
}
}所以利用自带view的方法，我们可以简单的完成背景的设置，交给View处理即可。
二、 保存画板为图片
保存图片大概有三种方法：
- 自行保存自己的绘制的Bitmap
- 利用view自带的bitmap
- 利用view创建bitmap
2.1 自己绘制的Bitmap
我们之前的代码 是利用一个bufferBitamp和bufferCanvas来进行绘制的，所以，我们的内容就在bufferBitmap，把它保存为图片即可：
代码语言：javascript复制 /**
* 保存图片
* @param path 保存图片的路径
*/
fun save(path: String){
if(!TextUtils.isEmpty(path)){
val f = File(path)
if(f.exists()){
f.delete()
}
try{
val out = FileOutputStream(f)
//以90质量保存到输出到文件输出流
mBufferBitmap.compress(Bitmap.CompressFormat.JPEG,90,out)
out.flush()
out.close()
}catch (e:Exception){
e.printStackTrace()
}
}
}但是这种方法，不能保存自行draw绘制的背景。接下来看第二种方法。
2.2 View的drawingCache
在View中，有一个setDrawingCacheEnabled方法，这个方法的作用为是开启绘图cache，这个方法也可以增加速度，但是会占用一点内存。所以通常不需要的时候有必要对其进行清理，通过destroyDrawingCache或setDrawingCacheEnabled(false)实现。
开启了这个方法之后，我们就可以利用getDrawingCache方法来获取当前view绘制的bitmap数据
所以，在view初始化的时候，开启缓存
代码语言：javascript复制init {
mPaint.style = Paint.Style.STROKE //画笔为实心
mPaint.color = Color.RED //颜色
mPaint.strokeCap = Paint.Cap.ROUND //笔触为圆形
mPaint.strokeWidth = 10f //画笔大小
//开启缓存
isDrawingCacheEnabled = true
}保存图片的时候，直接获取即可，把上面的mBufferBitmap改为getCacheBitmap()即可
代码语言：javascript复制/**
* 利用view自带方法获取bitmap，
* 前提是开启setDrawingCacheEnabled(boolean enabled)
*/
fun getCacheBitmap(): Bitmap{
val bm = drawingCache
val result = Bitmap.createBitmap(bm)
//销毁build的缓存
destroyDrawingCache()
return result
}2.3 利用view创建bitmap
利用Bitmap的createBitmap方法，创建当前view为bitmap。
代码语言：javascript复制fun getBitmap(v: View): Bitmap{
val bitmap = Bitmap.createBitmap(v.getWidth(), v.getHeight(), Bitmap.Config.ARGB_8888)
val canvas = Canvas(bitmap)
v.draw(canvas)
return bitmap
}以上就是本文的全部内容，希望对大家的学习有所帮助。
