Android自定義有限制區域的圖例角度自識別塗鴉工具類完結篇

Posted on by

引言

上文Android：實現一個自定義有限制區域的圖例（角度自識別）塗鴉工具類（中）中我們已經實現瞭在復雜的異形區域中塗鴉，最後生成圖片保存的功能。這篇我們將繼續升華，在此基礎上實現塗鴉圖片方向和手勢方向保持一致的功能。

首先塗鴉如果要使用自定義的圖片進行塗色，我們要如何實現呢？其實在Paint中提供瞭一個著色器屬性，我們可以根據需求設置對應的著色器。

//設置著色器
public Shader setShader(Shader shader) {
    // If mShader changes, cached value of native shader aren't valid, since
    // old shader's pointer may be reused by another shader allocation later
    if (mShader != shader) {
        mNativeShader = -1;
        // Release any native references to the old shader content
        nSetShader(mNativePaint, 0);
    }
    // Defer setting the shader natively until getNativeInstance() is called
    mShader = shader;
    return shader;
}

著色器的實現類，很明顯我們需要的是BitmapShader：

第一個參數是bitmap，第二三個參數分別為X、Y軸的平鋪模式：重復、鏡像等等，我們這裡使用重復：

//設置著色器
paint.shader = BitmapShader(
    bitmap,
    Shader.TileMode.REPEAT,
    Shader.TileMode.REPEAT
)

有瞭以上的設置，根據自定義圖片在限定區域內可以隨意塗鴉，那我們要怎麼自動識別方向呢？此時的塗鴉圖片都是按照水平方向重復平鋪：

由此我們需要解決兩個點：

  • 我們需要得到一個最終角度
  • 我們需要將圖片旋轉某個角度

上文提到過設置著色器需要傳入一個bitmap，那麼我們可以再次對圖片進行一個角度的旋轉，然後再將旋轉後的圖片傳入著色器就能達到效果，第二個問題解決瞭。那麼第一個問題，如何得到這個角度呢？

還是得通過觸摸事件，試想，如果我們能確定這一筆的大概角度，也就是總體趨勢的角度，問題就得到瞭解決。所以，這裡采取獲取第一個點和最後一個點兩者形成的角度來計算角度：

//通過反正切得到角度
val first = allPoints[0] //第一個點
val last = allPoints[allPoints.size-1] //最後一個點
val angle = atan2((last.y - first.y).toDouble(),(last.x - first.x).toDouble()) * (180 / Math.PI)

因為所有的點我們都是是通過容器收集的，所以這裡直接拿到對應的那條線的第一個點和最後一個點獲取角度，在設置著色器的時候使用Matrix工具對圖片進行角度旋轉。

//旋轉+縮放
val dstbmp = Bitmap.createBitmap(
    bmp, 0, 0, bmp.width, bmp.height,
    Matrix().apply {
        // 縮放原圖
        postScale(0.5f, 0.5f)
        // 向左旋轉45度，參數為正則向右旋轉
        postRotate(defaultDegrees, bmp.width / 2f, bmp.height / 2f)
    }, true
)
//設置著色器
paint.shader = BitmapShader(
    dstbmp,
    Shader.TileMode.REPEAT,
    Shader.TileMode.REPEAT
)

如果圖例過大可以根據比例調用postScale(0.5f, 0.5f)進行縮放，這裡縮小一半，根據實際情況調整，到此整個功能也就完成瞭。

總結

總的來說，功能的實現還是比較簡單，最主要的是找到思路和一些邏輯順序。首先需要一個能簽名的自定義類，還需要自定義一個遮罩的ViewGroup,防止簽名超出規定區域。根據用戶的觸摸將一個按下和抬起規定為一條線，本地維護容器來收集線條、點、各類畫筆。再根據每條線的起始點計算出這條線的總體角度，用於繪制圖例時圖例的旋轉方向設置。

以上就是Android自定義有限制區域的圖例角度自識別塗鴉工具類完結篇的詳細內容，更多關於Android區域識別塗鴉工具類的資料請關註WalkonNet其它相關文章！

推薦閱讀：