Cámara personalizada en Android – Primeros pasos

¡Qué tal! Eduardo Rodríguez de este lado del monitor para hablarles un poco acerca de como crear una cámara personalizada en Android, pero antes no olvides pasarte por mi articulo anterior en el cual explico como crear una red VPN en 15 min.

Un poco de contexto

Como todos sabemos la cámara es una de los elementos mas importantes de nuestros dispositivos Android. Siempre buscamos que tome las mejores fotos, que su angular sea el mejor, que funcione bien en condiciones de poca luz, etc. Y el punto de esto es muy simple, nos encanta la fotografía y es por eso que los fabricantes se esfuerzan (algunos mas que otros debemos admitir) versión a versión en mejorar el software y hardware relacionados con este aspecto, pero ¿que pasa cuando nosotros como desarrolladores necesitamos tener acceso a dicha característica?.

Vamos entrando en materia

Cuando nosotros como desarrolladores necesitamos uso de la cámara generalmente es algo muy sencillo, ya que en realidad es solo pedirle permisos al usuario para usarla y mandar llamarla, lo cual nos mostrará la interfaz y características (en la mayoría de los casos) que el fabricante de nuestro equipo ha creado para tal tarea. Sencillo, ¿cierto?.

¿Y eso es suficiente?

Algo que siempre debemos considerar es que no todas las soluciones aplican para todos los problemas. Para muchos desarrolladores, dependiendo del proyecto y las necesidades de este la solución ya mencionada vendrá perfecto y podrán hacer uso de la cámara sin ir mas allá. ¿Pero que pasa cuando necesitamos mas control sobre ella? ¿Que tal si queremos una cámara con menos botones en su interfaz, o una que empiece a grabar automáticamente después de mostrar un contador?

Cámara personalizada

Básicamente Android nos provee de un conjunto de funciones para poder llevar mas allá la cámara del dispositivo con el que estamos trabajando, si bien el fabricante definió la interfaz, características y parámetros a las que el usuario tiene acceso, nosotros como programadores somos capaces de crear nuestra propia interfaz con nuestros propios parámetros y usarlos dentro de nuestra aplicación, abriendo esto un abanico inmenso de posibilidades.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <SurfaceView
        android:id="@+id/surfaceCameraPreview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <RelativeLayout
        android:id="@+id/overlay"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@color/primary_black">

        <ImageView
            android:id="@+id/changeCameraBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_change_camera"
            android:layout_centerInParent="true"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="20dp"/>

    </RelativeLayout>

</RelativeLayout>

Ahora veamos el código

mCameraSource = CameraSource.Builder(context)
    .setFacing(CameraSource.CAMERA_FACING_BACK)
    .setRequestedPreviewSize(1280, 1024)
    .setAutoFocusEnabled(true)
    .build()

surfaceCameraPreview.holder.addCallback(object : SurfaceHolder.Callback {
    override fun surfaceChanged(p0: SurfaceHolder?, p1: Int, p2: Int, p3: Int) {
    }

    override fun surfaceDestroyed(p0: SurfaceHolder?) {
        mCameraSource?.stop()
    }

    @SuppressLint("MissingPermission")
    override fun surfaceCreated(p0: SurfaceHolder?) {
        try {
            mCameraSource?.start(surfaceCameraPreview.holder)
            // Get the preview size
            val previewWidth = surfaceCameraPreview.getMeasuredWidth()
            val previewHeight = surfaceCameraPreview.getMeasuredHeight()

            val overlayParams = overlay.layoutParams as RelativeLayout.LayoutParams
            overlayParams.height = previewHeight - previewWidth
            overlay.layoutParams = overlayParams

        } catch (e: Exception) {
            Utils.toast("Error:  ${e.message}")
        }
    }
})

Thread{
    mCameraSource?.takePicture(null, CameraSource.PictureCallback { data ->

        var bitmap = BitmapFactory.decodeByteArray(data, 0, data.size)

        val orientation = Exif.getOrientation(data)

        when (orientation) {
            90 -> {
                bitmap = bitmap.rotate(90F)

            }
            180 -> {
                bitmap = bitmap.rotate(180F)

            }
            270-> {
                bitmap = bitmap.rotate(270F)

            }
        }

        val squareImage = Bitmap.createBitmap(
                bitmap,
                0,
                0,
                bitmap.width,
                bitmap.width
        )
    })
}.start()