首页 > 系统 > Android > 正文

Android画板开发之添加背景和保存画板内容为图片

2019-10-21 21:32:30
字体:
来源:转载
供稿:网友

一、绘制背景

绘制背景的方法有两种:

  • 自己利用canvas进行绘制
  • 利用view的自带方法进行绘制

Android,画板,背景,保存

1.1 canvas绘制背景

自己绘制的背景的方法就是在onDraw回调进行绘制的时候,先draw一个背景,再进行draw原来的内容

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,下面是源码(删减了)

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),传递了画布过去,这个方法源码:

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,把它保存为图片即可:

 /**   * 保存图片   * @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初始化的时候,开启缓存

init {   mPaint.style = Paint.Style.STROKE //画笔为实心   mPaint.color = Color.RED     //颜色   mPaint.strokeCap = Paint.Cap.ROUND //笔触为圆形   mPaint.strokeWidth = 10f      //画笔大小    //开启缓存    isDrawingCacheEnabled = true  }

保存图片的时候,直接获取即可,把上面的mBufferBitmap改为getCacheBitmap()即可

/** * 利用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。

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  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表