debug view that draws a cross hair in its middle and draws another cross hair at a designated location

debugview.kt

class DebugView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    var debugPoint = PointF(0f, 0f)
        set(value) {
            field = value
            invalidate()
        }

    private val paint = Paint().apply {
        color = Color.RED
        strokeWidth = 5f
        textSize = 50f
    }

    private val paint2 = Paint(paint).apply {
        color = Color.MAGENTA
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawColor(Color.TRANSPARENT)

        canvas.drawCircle(debugPoint.x, debugPoint.y, 10f, paint)
        canvas.drawLine(debugPoint.x, 0f, debugPoint.x, height.toFloat(), paint)
        canvas.drawLine(0f, debugPoint.y, width.toFloat(), debugPoint.y, paint)
        canvas.drawText("${debugPoint.x}, ${debugPoint.y}", debugPoint.x, debugPoint.y, paint)

        canvas.drawLine(width / 2f, 0f, width / 2f, height.toFloat(), paint2)
        canvas.drawLine(0f, height / 2f, width.toFloat(), height / 2f, paint2)
        canvas.drawText("${width / 2f}, ${height / 2f}", width / 2f, height / 2f, paint2)
    }
}