Android自定义View实现相机对焦框
前言
在相机APP中,手动对焦时都会出现一个对焦框,告诉用户相机正在对焦。那么这种对焦框是怎么实现的呢?
最近项目中有几个需求,实现手动对焦,自动对焦和对焦框。总体来说不是很复杂,在这片文章中我简单介绍一下。
效果展示
对焦框:
对焦框是用自定义view实现的,实现方法还是和以前一样,继承View类,重载构造方法,初始化画笔,在onTouchEvent里面获取当前点击位置的x y轴坐标,在onDraw方法里面调用canvas的drawCircle方法,把我门刚才记录下来的x y轴坐标,半径,画笔等参数传给drawCircle方法就可以画出对焦框了。
点击事件:
如果在外部直接调用view的setOnclickListener方法是获取不到点击事件的,所以点击事件需要使用interface来实现,在外部实现ClickEvent这个接口就可以获取到view的点击事件了。
interface ClickEvent { fun clicked() } private var clickEvent: ClickEvent? = null fun setClickEvent(clickEvent: ClickEvent) { this.clickEvent = clickEvent }
因为相机app刚打开时,对焦框是不可见的,所以我把默认颜色设置成透明色。当view点击时才会显示出来,这里就修改paint的颜色为白色即可。然后对焦完成后把对焦框隐藏掉,把对焦框颜色设置为透明。
其实还有一种方法是可以使用view的visibility属性,调用invisible或gone方法。但是当你修改view的显示状态时会间接地调用invalidate方法,随后onDraw方法就会被调用。我们在onDraw方法里面传递的x y坐标是全局变量,所以每次调用invisible/visible方法会调用onDraw方法,这里传进去的x y坐标是我们上一次点击位置,所以当你点击屏幕时对焦框的位置是不对的,有可能是显示在上次点击的那个位置上。为了避免这种情况就用了改变颜色的方式。
完整代码
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() }
这里简单介绍介绍一下对焦功能的实现方法:
核心代码是camera的autoFocus方法。
手动对焦:每次点击surface时可以调用camera的autoFocus方法进行对焦。
如果想要实现自动对焦功能,可以借助计时器,比如每隔200毫秒校准一次,校准完成后关闭计时器等。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。