Android畫(huà)板開(kāi)發(fā)之添加背景和保存畫(huà)板內(nèi)容為圖片

更新時(shí)間：2018年12月20日 10:59:48 作者：tpnet

這篇文章主要為大家詳細(xì)介紹了Android畫(huà)板開(kāi)發(fā)之添加背景和保存畫(huà)板內(nèi)容為圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

一、繪制背景

繪制背景的方法有兩種：

自己利用canvas進(jìn)行繪制
利用view的自帶方法進(jìn)行繪制

1.1 canvas繪制背景

自己繪制的背景的方法就是在onDraw回調(diào)進(jìn)行繪制的時(shí)候，先draw一個(gè)背景，再進(jìn)行draw原來(lái)的內(nèi)容

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)

    //先繪制顏色作為背景
    canvas.drawColor(Color.BLACK)

    //畫(huà)出緩存bitmap的內(nèi)容
    canvas.drawBitmap(mBufferBitmap,0f,0f,null)

  }

1.2 view自帶方法

view有setBackground方法，我利用這個(gè)方法設(shè)置背景setBackgroundResource(R.drawable.bg)，這個(gè)方法是怎么樣執(zhí)行的，來(lái)簡(jiǎn)單跟蹤一下源碼，ctrl+鼠標(biāo)左鍵進(jìn)去這個(gè)方法，最終跳到了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里面有一個(gè)變量mBackground，我們?cè)O(shè)置的背景會(huì)轉(zhuǎn)成Drawable然后賦值給它，然后看它是如何繪制的，搜索draw(找到繪制方法，然后看到有一個(gè)方法操作了背景drawBackground(canvas)，傳遞了畫(huà)布過(guò)去，這個(gè)方法源碼：

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的方法，我們可以簡(jiǎn)單的完成背景的設(shè)置，交給View處理即可。

二、保存畫(huà)板為圖片

保存圖片大概有三種方法：

自行保存自己的繪制的Bitmap
利用view自帶的bitmap
利用view創(chuàng)建bitmap

2.1 自己繪制的Bitmap

我們之前的代碼是利用一個(gè)bufferBitamp和bufferCanvas來(lái)進(jìn)行繪制的，所以，我們的內(nèi)容就在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質(zhì)量保存到輸出到文件輸出流
        mBufferBitmap.compress(Bitmap.CompressFormat.JPEG,90,out)

        out.flush()
        out.close()
      }catch (e:Exception){
        e.printStackTrace()
      }
    }
  }

但是這種方法，不能保存自行draw繪制的背景。接下來(lái)看第二種方法。

2.2 View的drawingCache

在View中，有一個(gè)setDrawingCacheEnabled方法，這個(gè)方法的作用為是開(kāi)啟繪圖cache，這個(gè)方法也可以增加速度，但是會(huì)占用一點(diǎn)內(nèi)存。所以通常不需要的時(shí)候有必要對(duì)其進(jìn)行清理，通過(guò)destroyDrawingCache或setDrawingCacheEnabled(false)實(shí)現(xiàn)。

開(kāi)啟了這個(gè)方法之后，我們就可以利用getDrawingCache方法來(lái)獲取當(dāng)前view繪制的bitmap數(shù)據(jù)

所以，在view初始化的時(shí)候，開(kāi)啟緩存

init {
   mPaint.style = Paint.Style.STROKE //畫(huà)筆為實(shí)心
   mPaint.color = Color.RED     //顏色
   mPaint.strokeCap = Paint.Cap.ROUND //筆觸為圓形
   mPaint.strokeWidth = 10f      //畫(huà)筆大小

    //開(kāi)啟緩存
    isDrawingCacheEnabled = true

  }

保存圖片的時(shí)候，直接獲取即可，把上面的mBufferBitmap改為getCacheBitmap()即可

/**
 * 利用view自帶方法獲取bitmap，
 * 前提是開(kāi)啟setDrawingCacheEnabled(boolean enabled)
*/
  fun getCacheBitmap(): Bitmap{

    val bm = drawingCache
    val result = Bitmap.createBitmap(bm)
    //銷(xiāo)毀build的緩存
    destroyDrawingCache()
    return result
  }

2.3 利用view創(chuàng)建bitmap

利用Bitmap的createBitmap方法，創(chuàng)建當(dāng)前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
  }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: