ZEPETO planea migrar al menos el 80 % de la interfaz de usuario de la aplicación a Jetpack Compose

ZEPETO es un universo social en 3D construido por NAVER-Z con más de 300 millones de usuarios en más de 200 países. Estos usuarios pueden crear avatares únicos, fomentar amistades y explorar reinos virtuales de su propio diseño. ZEPETO se compromete a crear espacios que prioricen la experiencia del usuario. Para sus ingenieros, eso significó cambiar a Esfera de mochila propulsorael moderno kit de herramientas de Android para crear una interfaz de usuario nativa.

Abrazando el dial Jetpack

ZEPETO se diseñó y desarrolló originalmente con Views, Unity y OpenGL, pero hoy en día, el 20 % de la interfaz de usuario escrita originalmente en Views se reescribió con Jetpack Compose. Los desarrolladores de ZEPETO comenzaron a integrar secuencialmente el kit de herramientas sabiendo que resolvería una serie de puntos de fricción de ingeniería recurrentes. Con el sistema Views, implementar la interfaz de usuario personalizada con algunas formas específicas, como cursores o interruptores, requería implementar el método onDraw con un lienzo. Jetpack Compose permite a los desarrolladores de ZEPETO implementar este tipo de interfaces de usuario en Kotlin sin tener que implementar clases personalizadas, simplificando el proceso y eliminando los pasos adicionales necesarios.

Limpiar la base del código

Con Jetpack Compose, los desarrolladores de ZEPETO han reescrito la compleja funcionalidad de la interfaz de usuario. Crearon un sistema de diseño que ayudó a organizar las fuentes y los tamaños de una manera más intuitiva, mejorando la capacidad de mantenimiento, la eficiencia y la experiencia del usuario. “Usando Compose, hemos reescrito partes de la aplicación donde la interfaz de usuario es relativamente compleja y hay varias lógicas comerciales, como la tienda de personajes, los regalos y la decoración de la cara”, dijo el desarrollador de Android Hojung Kim. En lugares como el buscapersonas y las áreas de cuadrícula de la tienda del personaje, Las funciones componibles ayudaron a reducir la cantidad de código en más del 10%.

El equipo de ZEPETO decidió migrar también sus componentes de diálogo comunes a Compose. Esto permitió a sus ingenieros utilizar el tipo de diálogo deseado que se necesitaba en todas las partes de la aplicación. “Cada elemento del diálogo común ahora se puede convertir en un componente, lo que hace posible crear un diálogo común, como construir un Lego”, dijo Juhyung Park, desarrollador de Android en ZEPETO. La modularización del código permitió a los ingenieros implementar componentes de aplicaciones de uso común mucho más rápido que antes. Al migrar estos componentes de diálogo, el equipo pudo limpiar Más de 1600 líneas de códigohaciéndolo mucho más legible, comprensible y considerablemente más fácil de manejar.

Refinar la experiencia del desarrollador

Jetpack Compose aumentó drásticamente la eficiencia de la vista previa, el desarrollo y la implementación de la interfaz de usuario al permitir a los desarrolladores reutilizar y compartir elementos de la interfaz de usuario. Los desarrolladores de ZEPETO ya han creado más de 230 funciones de vista previa para probar y depurar fácilmente funciones en su aplicación.

También fue relativamente fácil para el equipo aprender a usar Jetpack Compose. “Los desarrolladores familiarizados con el sistema Android View existente no tardan mucho en llegar a un nivel en el que puedan usar Compose en la práctica”, dijo Hojung.

Avanzando con Compose

El equipo de ZEPETO está motivado por el creciente apoyo de Google a Jetpack Compose, ya que está claro que Compose es una gran prioridad para Google. Están entusiasmados con la forma en que Google está integrando más API de Android con Compose y esperan seguir desarrollando el conjunto de herramientas.

Muchas de las funciones de ZEPETO ahora se crean con Jetpack Compose junto con gráficos creados con Unity y OpenGL, como la tienda de personajes, los editores de video y fotos y los componentes de diálogo, pero el equipo no tiene planes de detenerse allí. Dadas las mejoras que han visto con la velocidad de desarrollo, el mantenimiento del código y la reducción del código, continuarán migrando las pantallas existentes y creando nuevas funciones con Compose. “A la larga”, concluyó Hojung, “más del 80 % de la interfaz de usuario se escribirá con Compose”, mientras que el resto de la interfaz de usuario y los gráficos se escribirán con Unity y OpenGL.

Optimiza tu aplicación

Aprenda a actualizar el desarrollo de la interfaz de usuario con Esfera de mochila propulsora.