Android自定義View實(shí)現(xiàn)相機(jī)對焦框

更新時(shí)間：2022年05月19日 10:19:24 作者：吐爾洪江Coding

這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)相機(jī)對焦框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

前言

在相機(jī)APP中，手動對焦時(shí)都會出現(xiàn)一個對焦框，告訴用戶相機(jī)正在對焦。那么這種對焦框是怎么實(shí)現(xiàn)的呢？
最近項(xiàng)目中有幾個需求，實(shí)現(xiàn)手動對焦，自動對焦和對焦框?？傮w來說不是很復(fù)雜，在這片文章中我簡單介紹一下。

效果展示

對焦框：

對焦框是用自定義view實(shí)現(xiàn)的，實(shí)現(xiàn)方法還是和以前一樣，繼承View類，重載構(gòu)造方法，初始化畫筆，在onTouchEvent里面獲取當(dāng)前點(diǎn)擊位置的x y軸坐標(biāo)，在onDraw方法里面調(diào)用canvas的drawCircle方法，把我門剛才記錄下來的x y軸坐標(biāo)，半徑，畫筆等參數(shù)傳給drawCircle方法就可以畫出對焦框了。

點(diǎn)擊事件：

如果在外部直接調(diào)用view的setOnclickListener方法是獲取不到點(diǎn)擊事件的，所以點(diǎn)擊事件需要使用interface來實(shí)現(xiàn)，在外部實(shí)現(xiàn)ClickEvent這個接口就可以獲取到view的點(diǎn)擊事件了。

interface ClickEvent {
? ? ? ? ?fun clicked()
? ? }
?
private var clickEvent: ClickEvent? = null?
? ??
fun setClickEvent(clickEvent: ClickEvent) {
? ? ? ? this.clickEvent = clickEvent
? ? }

因?yàn)橄鄼C(jī)app剛打開時(shí)，對焦框是不可見的，所以我把默認(rèn)顏色設(shè)置成透明色。當(dāng)view點(diǎn)擊時(shí)才會顯示出來，這里就修改paint的顏色為白色即可。然后對焦完成后把對焦框隱藏掉，把對焦框顏色設(shè)置為透明。

其實(shí)還有一種方法是可以使用view的visibility屬性，調(diào)用invisible或gone方法。但是當(dāng)你修改view的顯示狀態(tài)時(shí)會間接地調(diào)用invalidate方法，隨后onDraw方法就會被調(diào)用。我們在onDraw方法里面?zhèn)鬟f的x y坐標(biāo)是全局變量，所以每次調(diào)用invisible/visible方法會調(diào)用onDraw方法，這里傳進(jìn)去的x y坐標(biāo)是我們上一次點(diǎn)擊位置，所以當(dāng)你點(diǎn)擊屏幕時(shí)對焦框的位置是不對的，有可能是顯示在上次點(diǎn)擊的那個位置上。為了避免這種情況就用了改變顏色的方式。

完整代碼

import android.annotation.SuppressLint
import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
?
class CircleView@JvmOverloads constructor(
? ? context: Context,
? ? attrs: AttributeSet? = null,
? ? defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr){
?
? ? interface ClickEvent {
? ? ? ? ?fun clicked()
? ? }
?
? ? private var clickEvent: ClickEvent? = null
?
? ? fun setClickEvent(clickEvent: ClickEvent) {
? ? ? ? this.clickEvent = clickEvent
? ? }
?
? ? private val paint: Paint
? ? private val radius = 80f
? ? private var currentX = 0.0f
? ? private var currentY = 0.0f
?
? ? init {
? ? ? ? paint = Paint()
? ? ? ? paint.color = Color.TRANSPARENT
? ? ? ? paint.style = Paint.Style.STROKE
? ? ? ? paint.strokeWidth = 4f
? ? }
?
? ? override fun onDraw(canvas: Canvas?) {
? ? ? ? super.onDraw(canvas)
? ? ? ? canvas?.drawCircle(currentX, currentY, radius, paint)
? ? }
?
? ? @SuppressLint("ClickableViewAccessibility")
? ? override fun onTouchEvent(event: MotionEvent?): Boolean {
?
? ? ? ? when (event?.action) {
? ? ? ? ? ? MotionEvent.ACTION_DOWN -> {
? ? ? ? ? ? ? ? currentX = event.x
? ? ? ? ? ? ? ? currentY = event.y
? ? ? ? ? ? ? ? paint.color = Color.WHITE
? ? ? ? ? ? ? ? clickEvent?.clicked()
? ? ? ? ? ? ? ? invalidate()
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? return true
? ? }
?
? ? fun invisible(){
? ? ? ? paint.color = Color.TRANSPARENT
? ? ? ? invalidate()
? ? }
?
}

xml代碼

<com.example.camera.CircleView
? ? ? ? android:id="@+id/circle"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="match_parent"
? ? ? ? android:layout_gravity="center">
?

</com.example.camera.CircleView>

Main Activity

private var myAutoFocusCallback : Camera.AutoFocusCallback? = null
?
? ? private fun focusListener(){
? ? ? ? myAutoFocusCallback = Camera.AutoFocusCallback {isFocused , _ ->
? ? ? ? ? ? if (isFocused) {
? ? ? ? ? ? ? ? Log.d("test", "對焦成功")
? ? ? ? ? ? ? ? circle.invisible()
? ? ? ? ? ? ? ? showToast("對焦成功")
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? Log.d("test", "對焦失敗")
? ? ? ? ? ? }
? ? ? ? }
? ? }
?
? ? private fun getFocus() {
? ? ? ? Log.d("test", "正在對焦")
? ? ? ? camera?.autoFocus(myAutoFocusCallback)
? ? }
?
? ? override fun clicked() {
? ? ? ? getFocus()
? ? }

這里簡單介紹介紹一下對焦功能的實(shí)現(xiàn)方法：

核心代碼是camera的autoFocus方法。

手動對焦：每次點(diǎn)擊surface時(shí)可以調(diào)用camera的autoFocus方法進(jìn)行對焦。

如果想要實(shí)現(xiàn)自動對焦功能，可以借助計(jì)時(shí)器，比如每隔200毫秒校準(zhǔn)一次，校準(zhǔn)完成后關(guān)閉計(jì)時(shí)器等。

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

您可能感興趣的文章: