Configuración de métodos del ViewModel para gestión de cámara

Curso de Android: Integración de APIs nativas

Contenido del curso

Introducción a la Integración Nativa en Android

Google Maps SDK

Servicios de Localización

Integración Maps con Localización

Manejo de permisos

Integración cámara

Servicios en Android

Transmisiones en Android (Broadcast)

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:40

Configuración de métodos del ViewModel para gestión de cámara

Curso de Android: Integración de APIs nativas

Clase 26 de 33

Clase 26 / 33

Recursos

Optimizar la gestión del estado y datos en una aplicación Android es clave para mejorar la controlabilidad y eficiencia del desarrollo. Una de las formas más efectivas de hacerlo es mediante la incorporación de ViewModel en aplicaciones basadas en Kotlin. Este tema cubre detalladamente cómo implementar funciones esenciales en un ViewModel dedicado a manejar la cámara en una aplicación Android, facilitando el proceso de captura, visualización previa y guardado de imágenes asociadas a localizaciones.

¿Cómo configurar el ViewModel para gestionar el estado de la cámara?

El ViewModel debe contener claros estados diferenciados para identificar si la aplicación está en modo captura activa o en vista previa (preview). Esto implica definir adecuadamente métodos que actúen sobre dicho estado:

Para cancelar la previsualización, se define un método privado con corrutinas:

private suspend fun cancelPreview() {
    photoHandler.cancelPreview()
    _uiState.value = _uiState.value.copy(isPreviewMode = false)
}

Es fundamental asegurar que este método se llame correctamente dentro de un ámbito de corrutina (por ejemplo, usando viewModelScope.launch).

¿Qué pasos seguir para procesar y preparar una foto capturada?

Una vez que se toma una foto, es necesario procesarla y preparar su vista previa:

Primero, se define otra función suspendida dedicada a procesar la imagen:

private suspend fun processPhoto(data: ByteArray){
    photoHandler.onPhotoForPreview(data)
    _uiState.value = _uiState.value.copy(isPreviewMode = true)
}

Con esta implementación se activa inmediatamente la vista previa al usuario, mostrando la foto recién capturada.

¿Cómo guardar una foto y vincularla con la última localización registrada?

Al decidir guardar una foto, el ViewModel debe vincular dicha foto con la localización más reciente disponible en la aplicación. Esta vinculación se realiza con una función privada:

private suspend fun savePhoto(){
    val savedFile = photoHandler.getPreviewContent() ?: return
    withLatestLocation(savedFile)
    _uiState.value = _uiState.value.copy(
        isPreviewMode = false, 
        lastSavedPhoto = savedFile
    )
}

private suspend fun withLatestLocation(photoFile: File){
    val locationData = locationTracker.locationData.value
    val lastNonEmptySegment = locationData.locations.lastOrNull()
    
    val latestLocation = lastNonEmptySegment?.copy(
        listOfPhotos = lastNonEmptySegment.listOfPhotos + photoFile
    ) ?: return

    val updatedSegments = locationData.locations.toMutableList().apply {
        set(lastIndex, latestLocation)
    }

    locationTracker.updateLocationData(locationData.copy(locations = updatedSegments))
}

Con este proceso, cada foto guardada quedará convenientemente asociada a la última localización conocida, facilitando futuras consultas o visualizaciones basadas en ubicación.

¿Qué aporta el ViewModel resultante a tu aplicación?

Facilita la separación clara entre la lógica del estado (captura, modo preview y guardado) y la interfaz gráfica.
Controla eficazmente el estado visual y funcional de la cámara.
Permite relacionar cada fotografía con datos específicos de ubicación, brindando valor adicional al manejo multimedia.

Si tienes inquietudes adicionales sobre cómo implementar la gestión del estado con ViewModel en Kotlin, comenta para ampliar detalles o aclarar dudas.

Resumen

¿Cómo configurar el ViewModel para gestionar el estado de la cámara?

Para cancelar la previsualización, se define un método privado con corrutinas:

private suspend fun cancelPreview() {
    photoHandler.cancelPreview()
    _uiState.value = _uiState.value.copy(isPreviewMode = false)
}

Es fundamental asegurar que este método se llame correctamente dentro de un ámbito de corrutina (por ejemplo, usando viewModelScope.launch).

¿Qué pasos seguir para procesar y preparar una foto capturada?

Una vez que se toma una foto, es necesario procesarla y preparar su vista previa:

Primero, se define otra función suspendida dedicada a procesar la imagen:

private suspend fun processPhoto(data: ByteArray){
    photoHandler.onPhotoForPreview(data)
    _uiState.value = _uiState.value.copy(isPreviewMode = true)
}

Con esta implementación se activa inmediatamente la vista previa al usuario, mostrando la foto recién capturada.

¿Cómo guardar una foto y vincularla con la última localización registrada?

Al decidir guardar una foto, el ViewModel debe vincular dicha foto con la localización más reciente disponible en la aplicación. Esta vinculación se realiza con una función privada:

private suspend fun savePhoto(){
    val savedFile = photoHandler.getPreviewContent() ?: return
    withLatestLocation(savedFile)
    _uiState.value = _uiState.value.copy(
        isPreviewMode = false, 
        lastSavedPhoto = savedFile
    )
}

private suspend fun withLatestLocation(photoFile: File){
    val locationData = locationTracker.locationData.value
    val lastNonEmptySegment = locationData.locations.lastOrNull()
    
    val latestLocation = lastNonEmptySegment?.copy(
        listOfPhotos = lastNonEmptySegment.listOfPhotos + photoFile
    ) ?: return

    val updatedSegments = locationData.locations.toMutableList().apply {
        set(lastIndex, latestLocation)
    }

    locationTracker.updateLocationData(locationData.copy(locations = updatedSegments))
}

Con este proceso, cada foto guardada quedará convenientemente asociada a la última localización conocida, facilitando futuras consultas o visualizaciones basadas en ubicación.

¿Qué aporta el ViewModel resultante a tu aplicación?

Facilita la separación clara entre la lógica del estado (captura, modo preview y guardado) y la interfaz gráfica.
Controla eficazmente el estado visual y funcional de la cámara.
Permite relacionar cada fotografía con datos específicos de ubicación, brindando valor adicional al manejo multimedia.

Si tienes inquietudes adicionales sobre cómo implementar la gestión del estado con ViewModel en Kotlin, comenta para ampliar detalles o aclarar dudas.

Introducción a la Integración Nativa en Android

API nativas de Android con Kotlin y Compose

Configuración inicial de proyecto Android con Kotlin DSL y Hilt

Google Maps SDK

Configuración de API key de Google Maps para Android

Creación de marcadores personalizados en Google Maps con Compose

Cómo dibujar polilíneas en mapas con Jetpack Compose

Centrado automático de mapas con Camera Update Factory

Servicios de Localización

Kotlin Flows para medir tiempo en Android

Simulación de ubicación GPS en emulador y dispositivo Android

Modelos de localización propios con Clean Architecture

Callbacks de Android convertidos en Flows

Inyección de dependencias para observar localización en Android

LocationTracker con StateFlow para rastreo en Android

State Flows para controlar localización y tiempo en Kotlin

Configuración y pruebas de Location Tracker en Android

Integración Maps con Localización

Integración de ubicación actual en mapas interactivos

Creación de polilíneas con datos reales en mapas de Android

Integración de intents y estados en pantalla mapa con Compose

TrackingMapViewModel con Hilt y StateFlow

Manejo de permisos

Permisos de Android en tiempo de ejecución

Creación de diálogos de permisos reutilizables en Android

Gestión de permisos de localización y notificaciones en Android

Implementación de solicitud de permisos con LaunchedEffect en Compose

Integración cámara

Cómo guardar fotos en Android con PhotoHandler

Conversión de Bitmaps a Byte Arrays con Extension Functions

CameraViewModel con Hilt y StateFlow

Configuración de métodos del ViewModel para gestión de cámara

Integración de CameraX con Jetpack Compose en Android

Creación de pantalla de previsualización de fotos con Jetpack Compose

Galería de fotos en marcadores del mapa

Servicios en Android

Servicios en segundo plano en Android

Configuración de foreground services y notificaciones en Android

Transmisiones en Android (Broadcast)

Broadcast Receivers para escuchar eventos del sistema en Android

Prueba completa de aplicación Android con cámara y localización

Configuración de métodos del ViewModel para gestión de cámara