引言

上文Android：實(shí)現(xiàn)一個(gè)自定義有限制區(qū)域的圖例（角度自識(shí)別）涂鴉工具類（上）中我們已經(jīng)實(shí)現(xiàn)了自定義View簽名的功能，包含撤回、清除方法。但我們最終要實(shí)現(xiàn)的功能還不止如此，這篇我們就來說說給限制區(qū)域內(nèi)簽名的實(shí)現(xiàn)過程。

試想，既然是自定義View了，那么如果要限制用戶在指定區(qū)域內(nèi)簽名，最好的辦法不是在觸摸的時(shí)候通過坐標(biāo)點(diǎn)的判斷添加一些攔截嗎？沒錯(cuò)，起初我也是這么想的，但是再看到限制區(qū)域的圖形后，我陷入了深深的沉思......

沒錯(cuò)，就是這樣的圖，這還是其中的一張，后期指不定還會(huì)有多少張這樣形狀復(fù)雜的圖。單看組成就不得了，都是些大小不一的圓相交相切，圓心散落在各個(gè)位置。但從自定義角度繪制這樣的圖形相信難度也不小，就更不要說通過坐標(biāo)點(diǎn)的計(jì)算來攔截觸摸事件的方式限制簽名范圍了。

此時(shí)絕望的我突然想起之前項(xiàng)目中的一個(gè)上傳圖片功能，當(dāng)時(shí)是利用了ViewGroup作為遮罩來簡單實(shí)現(xiàn)的，那么，這個(gè)功能其實(shí)也可如此。我們大可不必大費(fèi)周章的采用觸摸事件判斷呀，超出范圍如果使用畫布遮擋其實(shí)也能滿足。結(jié)合項(xiàng)目需求最后涂鴉完成后，需要生成圖片，我們也可通過View自帶的Draw方法生成圖片，咱們說干就干。

首先，自定義一個(gè)ViewGroup（作為遮罩、生成圖片使用）

class FaceViewGroup(context: Context, attrs: AttributeSet? = null) :
    LinearLayout(context, attrs, 0) {
    private var mWith = 0
    private var mHight = 0
    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        mWith = MeasureSpec.getSize(widthMeasureSpec)
        mHight = MeasureSpec.getSize(heightMeasureSpec)
    }
    override fun dispatchDraw(canvas: Canvas?) {
        ......
    }
}

這里我們需要了解下dispatchDraw方法：

繪制 ViewGroup 中的子 View 時(shí)，會(huì)調(diào)用 dispatchDraw(Canvas canvas)，需要注意的是，是在繪制 ViewGroup 自己之后，也就是在 onDraw(Canvas canvas) 之后。

最后才會(huì)觸發(fā)這個(gè)方法，所以利用它繪制遮罩再合適不過，我們可以讓UI將各種復(fù)雜的圖形切出來保存再本地，再利用dispatchDraw方法中的畫布將圖片繪制在中心。切圖時(shí)需要注意，我們需要繪制的區(qū)域需要透明。

//本地區(qū)域圖
val bitmap = BitmapFactory.decodeResource(resources,R.mipmap.ic_face)
//繪制到ViewGroup中
canvas?.drawBitmap(bitmap, (mWith-bitmap.width)/2f, (mHight-bitmap.height)/2f, Paint().apply {
            color = Color.WHITE
            isAntiAlias = true
            style = Paint.Style.FILL
        })

在Xml：

<com.example.FaceViewGroup
    android:id="@+id/group"
    android:layout_width="414dp"
    android:layout_height="280dp">
    <com.example.SignatureView
        android:id="@+id/linePath"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="2dp" />
</com.example.FaceViewGroup>

SignatureView就是我們上篇講到的自定義View，運(yùn)行起來發(fā)現(xiàn)效果還不錯(cuò)，確實(shí)實(shí)現(xiàn)了限制的問題，雖然不是真正意義上的限制，但效果一樣，滿足需求了。最后生成圖片：

val bitmap: Bitmap = Bitmap.createBitmap(
    resources.displayMetrics,
    binding.group.width,
    binding.group.height,
    Bitmap.Config.ARGB_8888
)
val canvas = Canvas(bitmap)
binding.group.setBackgroundColor(ContextCompat.getColor(this, R.color.white))
//解決白底問題
canvas.drawRect(
    Rect(
        0,
        0,
        bitmap.width,
        bitmap.height
    ), Paint().apply {
        color = Color.WHITE
        style = Paint.Style.FILL
    })
binding.group.draw(canvas)

這里說下，如果不設(shè)置背景色，通過View的draw方式生成的圖片是黑底的。另外還有個(gè)值得注意的點(diǎn)，如果使用了三方ui適配方案，你會(huì)發(fā)現(xiàn)無論怎么調(diào)整視圖和Bitmap最后生成的圖片和實(shí)際繪制看到的圖片存在問題—繪制的內(nèi)容偏離了限制區(qū)域，最終發(fā)現(xiàn)需要進(jìn)行適配，也就是這一步，參考資料：

//這里需要添加resources.displayMetrics才能適配寬高
val bitmap: Bitmap = Bitmap.createBitmap(
    resources.displayMetrics,
    binding.group.width,
    binding.group.height,
    Bitmap.Config.ARGB_8888
)

最開始一直以為是橫豎屏的切換導(dǎo)致位置偏移，實(shí)則是使用了AndroidAutoSize使得尺寸發(fā)生變化，所以在創(chuàng)建Bitmap時(shí)需要將適配過后的displayMetrics傳入。到此，我們就完成了異性區(qū)域內(nèi)涂鴉功能。

總結(jié)

有時(shí)候不能被固定思維所困住，換種思路或許能讓復(fù)雜的問題輕松解決，但還是需要多積累經(jīng)驗(yàn)才行。如果沒有之前的自定義View和上傳圖片的經(jīng)驗(yàn)，或許實(shí)現(xiàn)上述功能還不能找到簡單的實(shí)現(xiàn)方式。好了，這篇就先介紹到這里，下篇我們將基于本篇的實(shí)現(xiàn)上，添加根據(jù)手勢自動(dòng)判斷方向，實(shí)現(xiàn)圖例按照手勢移動(dòng)的方向顯示。

以上就是Android自定義有限制區(qū)域圖例角度自識(shí)別涂鴉工具類詳解的詳細(xì)內(nèi)容，更多關(guān)于Android自識(shí)別涂鴉工具類的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論