RE: HMI Android para vehículos desde cero (1) - Lottie

Hace muchos años, cuando los automóviles todavía estaban dominados por instrumentos mecánicos, los principales fabricantes de hosts de automóviles no prestaban mucha atención a las funciones interactivas de la interfaz de usuario del sistema operativo. Sin embargo, con la mejora continua del SOC en el vehículo. La potencia informática y el desarrollo de cabinas de automóviles por parte de los fabricantes anfitriones hacen que la competencia se caliente. Si bien el diseño de la HMI de la cabina enfatiza la funcionalidad, también comienza a prestar atención al arte de la interfaz de usuario. Los diseñadores de HMI esperan que el arte y la funcionalidad trabajen juntos para sumergir a los usuarios en la experiencia del "tercer espacio".

Una vez que se cumplen los requisitos, los programadores deben prestar atención a cómo implementarlos e implementarlos. Sin embargo, aunque la aplicación de Android en sí tiene soporte completo para el marco de animación, el desarrollo es complejo y la depuración requiere mucho tiempo. los gifs o las animaciones fotograma a fotograma consumen demasiado la CPU y el uso de la memoria no es ideal, por lo que muchas aplicaciones móviles de Android básicamente no tienen animaciones. Además, cada vez más HMI en vehículos están comenzando a introducir varios efectos de luces, sombras y partículas. Es muy difícil realizar estos efectos de partículas según los controles nativos de Android, lo que requiere que la protagonista de hoy, Lottie, se dé cuenta.

Lottie es un formato de archivo de animación basado en JSON que permite a los diseñadores publicar animaciones en cualquier plataforma tan fácilmente como recursos estáticos. Son archivos pequeños que funcionan en cualquier dispositivo y se pueden ampliar o reducir sin pixelación.

Cantidad adecuada de gráficos sin distorsión

Ocupa menos espacio que la animación de fotogramas de secuencia

Las propiedades se pueden modificar para generar dinámicamente animaciones interactivas (es difícil usar vídeo animación Realice funciones interactivas)

Ahorre tiempo de desarrollo y depuración de HMI

Puede implementar más fácilmente efectos especiales como partículas, luces y sombras

Entonces podrá usarlo en el archivo de diseño LottieAnimationView

Luego puede ver el efecto de animación ejecutando la APLICACIÓN

LottieAnimationView hereda de AppCompatImageView, por lo que todos los atributos admitidos por ImageView son compatibles con LottieAnimationView. no se volverá a presentar.

Si configura app:lottie_fileName="other/HamburgerArrow.json", entonces lottie leerá activos/other/HamburgerArrow.json.

void setAnimationFromJson(String jsonString, @Nullable String cacheKey)

void setCacheComposition(boolean cacheComposition)

La demostración de Lottie tiene muchas animaciones desarrolladas oficialmente integradas. El propósito El efecto es mostrarnos el uso común de Lottie. Como desarrolladores, debemos dominarlo y aplicarlo a nuestras aplicaciones en el momento adecuado.

Este efecto muestra que Lottie admite la modificación dinámica de json, lo que permite cambiar una pequeña cantidad de atributos en la animación.

LeftArmWave en KeyPath es una propiedad en Json

El efecto de la modificación es el siguiente. Tenga en cuenta que la frecuencia de oscilación de la mano derecha después de X3 es mayor que X1, por lo que el GIF grabado pierde fotogramas directamente.

El efecto modificado es el siguiente

El efecto modificado es el siguiente

Este efecto muestra el efecto de texto animado. En realidad, este efecto no es difícil de lograr. Simplemente capture las letras ingresadas del programa y reemplácelas con los archivos de recursos de Lottie.

Tenga en cuenta que aquí se utilizan dos lottieViews y se establece un texto diferente respectivamente.

Este efecto muestra cómo reproducir diferentes animaciones de lotes escuchando eventos de clic. Este efecto es el más común y la mayoría de efectos similares en APP se implementan de esta manera.

En el desarrollo de HMI para vehículos, a menudo dedicamos mucho tiempo a implementar y depurar la interfaz de usuario. Si Lottie se puede utilizar de manera flexible, el tiempo de desarrollo del programa se puede ahorrar significativamente. Por ejemplo, aunque se pueden implementar efectos especiales como luces, sombras y partículas usando motores 3D como Kanzi, el motor 3D consumirá el doble de rendimiento SOC. En el proceso de desarrollo real, se implementan efectos especiales simples usando Lottie, que puede. Optimice en gran medida el rendimiento de la aplicación. Brinde a los usuarios una mejor experiencia.

Muchos de los contenidos de este artículo se refieren a "Avances avanzados y maravillosos ejemplos de controles personalizados de Android (producido por Bowen Viewpoint)" (Qijian) Reseña resumida del libro - Jingdong Books El contenido de este libro es bastante bien escrito. No está mal, vale la pena leerlo con atención.

El próximo artículo hablará sobre un componente del sistema que se utiliza en el desarrollo de HMI automotriz: Widget

¿Aún no sabes qué es el diseño de HMI automotriz? Entra y te llevará a una comprensión rápida

"Avances avanzados y maravillosos ejemplos de controles personalizados de Android (producido por Bowen Viewpoint)" (Qijian) Lectura de prueba de reseña de libro resumida - Jingdong Books