Diseño de Pantalla en Selficam con Huawei ML Kit
Clase 14 de 31 • Curso de Desarrollo de Aplicaciones con Huawei
Resumen
¿Cuál es la funcionalidad del Huawei Machine Learning Kit?
Huawei Machine Learning Kit es una herramienta poderosa que ofrece dos grandes funcionalidades: Huawei Machine Learning Vision y el traductor de idiomas. Estas funcionalidades permiten a los desarrolladores integrar la inteligencia artificial de Huawei en sus aplicaciones móviles, mejorando así la experiencia del usuario.
- Huawei Machine Learning Vision: Incluye características como la detección de objetos, imágenes en tiempo real, emociones y rostros.
- Traductor de idiomas: Ofrece servicios de detección de idiomas en tiempo real y procesamiento de imágenes de texto.
Esto facilita la creación de aplicaciones interactivas y atractivas que pueden interpretar y responder a las emociones humanas, así como interactuar en múltiples idiomas.
¿Cómo se implementa Huawei Machine Learning Vision en Selficam?
En la aplicación Selficam, se utiliza principalmente la funcionalidad de detección de rostros y emociones de Huawei Machine Learning Vision. Estas características se implementan para capturar selfies automáticamente basadas en:
- Detección de sonrisas colectivas: La cámara toma una selfie si detecta que hay varias personas sonrientes.
- Sonrisa individual destacada: La selfie se captura si una persona cercana a la cámara sonríe.
Este enfoque hace que la experiencia de tomar selfies sea más personal e interactiva, permitiendo a los usuarios concentrarse en el momento en lugar de preocuparse por capturar la fotografía perfecta.
¿Cómo se diseña la interfaz principal de Selficam?
Para completar el diseño de la pantalla principal de Selficam, se sigue un proceso específico de diseño de interfaz de usuario que se detalla a continuación:
Creación del layout básico
- Inicio del layout: La pantalla se estructura sobre un layout vertical bajo el botón de cierre de sesión.
- Espaciado y restricciones: Se añaden restricciones y márgenes para asegurar un diseño equilibrado, con espacios de:
- Dieciséis dps en la parte superior e inferior.
- Ocho niveles lateralmente.
Incorporación de elementos visuales
- ImageView para ícono: Se añade un ImageView centrado que contiene el logo de Huawei. Las dimensiones se configuran en 100x100 dps.
- Título y descripción: Se agregan elementos de texto para el título de la aplicación y su descripción:
- Título centrado con tamaño de 20 SP.
- Descripción más detallada, explicando las opciones de fotografía disponibles, también centrada.
Añadido de botones interactivos
- Botones para capturar selfies:
- Botón "La mayoría sonríen": Configurado para sonar una alerta o capturar cuando varias personas sonríen.
- Botón "La persona más cercana sonríe": Para capturar cuando la persona más cercana a la cámara sonríe.
Ambos botones cuentan con un diseño enriquecido que emplea un 'shape drawable' que otorga un aspecto de botón con bordes redondeados y colores pertinentes a la marca Huawei.
Configuración de ID y estilo
Los botones se asignan con IDs específicos para facilitar la programación y funcionalidad dentro de la aplicación:
most_people
: Para gestionar la funcionalidad ligada a múltiples sonrisas.nearest_people
: Para gestionar la captura en base a la sonrisa de la persona cercana.
Este diseño UX/UI se asegura de que la aplicación sea intuitiva y visualmente agradable, permitiendo una navegación fluida y un uso eficiente de las funcionalidades integradas de Huawei Machine Learning Kit.