Conceptos básicos de Jetpack Compose #AndroidLearnInspire | de Alankrita Shah | octubre 2022 | Medio
Foto de Elena Mozhvilo en UnsplashRecientemente asistí a la serie Android Learn and Inspire y me topé con los caminos que el equipo de Relaciones con Google ha desarrollado para comprender mejor Jetpack Compose. He trabajado con ellos y aquí estoy compartiendo mis conclusiones de los conceptos de Jetpack Compose. Esta es la primera de una serie de dos partes sobre los conceptos básicos de Jetpack Compose.
- Conceptos básicos de Jetpack Compose – Parte 1
- Conceptos básicos de Jetpack Compose – Parte 2 (Ejemplos de código de diseño)
En este blog, intentaré responder las primeras preguntas que surgen cuando escuchamos sobre Compose, que sentará las bases para la implementación.Componer jet pack es un conjunto de herramientas de interfaz de usuario moderno que tiene como objetivo simplificar el desarrollo de la interfaz de usuario en Android. En pocas palabras, componer significa escribir o crear. Jetpack Compose nos permite escribir nuestros diseños de interfaz de usuario llamando a algunas funciones en Kotlin. Se centra en el qué, no en el cómo.
- Está escrito en Kotlin, lo que facilita que los nuevos desarrolladores comiencen a desarrollar Android, ya que necesitan aprender un solo idioma para comenzar. Tanto el código base de la aplicación como su diseño ahora se pueden escribir en Kotlin. Además, están todas las ventajas que trae consigo Kotlin.
- Es declarativo, lo que significa que puede describir el diseño de la interfaz de usuario mediante un conjunto de funciones. Con Compose, no tiene que preocuparse por el estado anterior de la interfaz de usuario, solo tiene que especificar cómo desea que se vea su nuevo estado.
- Compose permite la reutilización del código de la interfaz de usuario. Puede usarlo para crear una interfaz de usuario como un compuesto de varios bloques pequeños que se pueden reutilizar en varios lugares según el caso de uso.
- Es compatible con su base de código existente.
- Mejora el tamaño de la aplicación y el tiempo que lleva construir la aplicación.
Compose soluciona un problema de acoplamiento que existe al desarrollar la interfaz de usuario con XML. Si inicializamos nuestras vistas escritas en XML en el código escrito en Java/Kotlin, esto crea la posibilidad de errores de referencia nula y dificulta el mantenimiento. Jetpack Compose intenta minimizar el acoplamiento en la aplicación.establecerContenido() — Esta función se usa para definir el diseño a través de funciones componibles dentro de la función onCreate() en el código.componible — Esta característica está representada por la anotación — @Componible. Esto se utiliza para definir la interfaz de usuario de la aplicación. Acepta datos y genera elementos de interfaz de usuario. Las funciones marcadas con la anotación @Composable se pueden llamar desde la función setContent() o desde otras funciones componibles.
- Los nombres de las funciones @Composable están en mayúsculas (caso Pascal).
- Agrega la anotación @Composable delante de la función.
- Las funciones @Composable no pueden devolver nada.
- El nombre de la función de redacción debe ser un sustantivo. Los adjetivos descriptivos se pueden anteponer. Ejemplo: DoneButton(), RoundIcon()
avance — Esta característica está representada por la anotación — @Avance. Esto le ayuda a obtener una vista previa de la función componible que escribió en Studio sin instalar la aplicación en el dispositivo. La función de vista previa también es una función componible y, por lo tanto, debe seguir las reglas de las funciones componibles.La línea – Que La línea() La función lo ayuda a organizar todos los elementos secundarios en un arreglo horizontal.Separar – Que Separar() La función le ayuda a organizar todos los elementos secundarios en un arreglo vertical.Caja – Que Caja() La función le ayuda a organizar los elementos secundarios uno encima del otro en una disposición superpuesta.modificador – A modificador se utiliza para realzar o decorar tu componible.