Android自定義有限制區(qū)域的圖例角度自識別涂鴉工具類完結(jié)篇
引言
上文Android:實現(xiàn)一個自定義有限制區(qū)域的圖例(角度自識別)涂鴉工具類(中)中我們已經(jīng)實現(xiàn)了在復雜的異形區(qū)域中涂鴉,最后生成圖片保存的功能。這篇我們將繼續(xù)升華,在此基礎(chǔ)上實現(xiàn)涂鴉圖片方向和手勢方向保持一致的功能。
首先涂鴉如果要使用自定義的圖片進行涂色,我們要如何實現(xiàn)呢?其實在Paint中提供了一個著色器屬性,我們可以根據(jù)需求設(shè)置對應(yīng)的著色器。
//設(shè)置著色器
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;
}
著色器的實現(xiàn)類,很明顯我們需要的是BitmapShader:

第一個參數(shù)是bitmap,第二三個參數(shù)分別為X、Y軸的平鋪模式:重復、鏡像等等,我們這里使用重復:
//設(shè)置著色器
paint.shader = BitmapShader(
bitmap,
Shader.TileMode.REPEAT,
Shader.TileMode.REPEAT
)
有了以上的設(shè)置,根據(jù)自定義圖片在限定區(qū)域內(nèi)可以隨意涂鴉,那我們要怎么自動識別方向呢?此時的涂鴉圖片都是按照水平方向重復平鋪:

由此我們需要解決兩個點:
- 我們需要得到一個最終角度
- 我們需要將圖片旋轉(zhuǎn)某個角度
上文提到過設(shè)置著色器需要傳入一個bitmap,那么我們可以再次對圖片進行一個角度的旋轉(zhuǎn),然后再將旋轉(zhuǎn)后的圖片傳入著色器就能達到效果,第二個問題解決了。那么第一個問題,如何得到這個角度呢?
還是得通過觸摸事件,試想,如果我們能確定這一筆的大概角度,也就是總體趨勢的角度,問題就得到了解決。所以,這里采取獲取第一個點和最后一個點兩者形成的角度來計算角度:
//通過反正切得到角度 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)
因為所有的點我們都是是通過容器收集的,所以這里直接拿到對應(yīng)的那條線的第一個點和最后一個點獲取角度,在設(shè)置著色器的時候使用Matrix工具對圖片進行角度旋轉(zhuǎn)。
//旋轉(zhuǎn)+縮放
val dstbmp = Bitmap.createBitmap(
bmp, 0, 0, bmp.width, bmp.height,
Matrix().apply {
// 縮放原圖
postScale(0.5f, 0.5f)
// 向左旋轉(zhuǎn)45度,參數(shù)為正則向右旋轉(zhuǎn)
postRotate(defaultDegrees, bmp.width / 2f, bmp.height / 2f)
}, true
)
//設(shè)置著色器
paint.shader = BitmapShader(
dstbmp,
Shader.TileMode.REPEAT,
Shader.TileMode.REPEAT
)
如果圖例過大可以根據(jù)比例調(diào)用postScale(0.5f, 0.5f)進行縮放,這里縮小一半,根據(jù)實際情況調(diào)整,到此整個功能也就完成了。

總結(jié)
總的來說,功能的實現(xiàn)還是比較簡單,最主要的是找到思路和一些邏輯順序。首先需要一個能簽名的自定義類,還需要自定義一個遮罩的ViewGroup,防止簽名超出規(guī)定區(qū)域。根據(jù)用戶的觸摸將一個按下和抬起規(guī)定為一條線,本地維護容器來收集線條、點、各類畫筆。再根據(jù)每條線的起始點計算出這條線的總體角度,用于繪制圖例時圖例的旋轉(zhuǎn)方向設(shè)置。
以上就是Android自定義有限制區(qū)域的圖例角度自識別涂鴉工具類完結(jié)篇的詳細內(nèi)容,更多關(guān)于Android區(qū)域識別涂鴉工具類的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Android實現(xiàn)網(wǎng)絡(luò)多線程斷點續(xù)傳下載實例
本示例介紹在Android平臺下通過HTTP協(xié)議實現(xiàn)斷點續(xù)傳下載。具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-10-10
Android開發(fā)之模仿微信打開網(wǎng)頁的進度條效果(高仿)
這篇文章主要介紹了Android開發(fā)之模仿微信打開網(wǎng)頁的進度條效果(高仿)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07
Android開發(fā)之獲取LayoutInflater對象的方法總結(jié)
這篇文章主要介紹了Android開發(fā)之獲取LayoutInflater對象的方法,結(jié)合實例形式總結(jié)分析了Android獲取LayoutInflater對象的常用技巧,需要的朋友可以參考下2016-02-02
Android實現(xiàn)對圖片放大、平移和旋轉(zhuǎn)的功能
現(xiàn)在很多App在查看一張圖片的原圖時,都會支持圖片的手勢縮放,手勢平移以及圖片旋轉(zhuǎn)的操作。那么今天小編就來教大家去簡單的實現(xiàn)圖片的放大、平移、旋轉(zhuǎn)的操作,有需要的可以參考借鑒。2016-08-08
Android WebView攔截iframe標簽內(nèi)部跳轉(zhuǎn)教程
這篇文章主要介紹了Android WebView攔截iframe標簽內(nèi)部跳轉(zhuǎn)教程,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03

