Generalidades
Conceptos básicos de Jetpack Compose para principiantes
Entenderemos los conceptos básicos de Redactar en tres partes Por qué, qué y cómo 🙂
Entonces empecemos…
- Antes de que empieces Jetpack componiendo Los conceptos básicos que debemos saber por qué necesitamos saber Jetpack componiendo Conocimientos básicos, ¿porque ya tenemos la interfaz de usuario de Android?
- La razón es que los desarrolladores enfrentan muchos problemas de desarrollo de la interfaz de usuario de Android, como:
a.) El problema de la biblioteca de la interfaz de usuario de Android depende de la nueva versión del sistema operativo.
b.) Hay varios problemas de diseño en el código heredado.
Compose supera estos desafíos
- No editará ningún diseño XML ni utilizará un editor de diseño.En cambio, llamarás Jetpack componiendo Función para especificar qué elementos desea, y el resto lo hace el compilador Compose.
¿Por qué es Jetpack Compose mejor que XML?
- Mas rapido y mas simple – Hace que la construcción de la interfaz de usuario de Android sea más rápida y sencilla
- intuitivo – Con Compose, puede crear pequeños componentes sin estado que no están relacionados con actividades o fragmentos específicos.
- Desarrollo acelerado – Compose es compatible con todo su código existente: puede llamar al código Compose y Views from Compose. Además, el código que está escribiendo solo está escrito en Kotlin, no dividido entre Kotlin y XML.
- poderoso -Hay menos pasos entre lo que quieres hacer y lo que realmente haces. Ya sea que use Material Design o su propio sistema de diseño para construir, Compose le brinda la flexibilidad para lograr el diseño que desea.
- Jetpack componiendo Es un conjunto de herramientas moderno para Android para crear una interfaz de usuario nativa.
- Simplifica y acelera el desarrollo de la interfaz de usuario en Android con menos código, herramientas potentes y una API de Kotlin intuitiva.
- Descripción de Jetpack Compose qué La interfaz de usuario debería aparecer, no cómo Deben construirse elementos de la interfaz de usuario.Esta cómo Parte de esto se deja para que lo resuelva la biblioteca Jetpack Compose en tiempo de ejecución.
Concéntrese en qué hacer en lugar de cómo hacerlo …
- Redactar proporciona una API declarativa Esto le permite presentar la interfaz de usuario de la aplicación sin forzar cambios en la vista del front-end.
- Está construido alrededor de funciones componibles.
¿Qué es una función componible?
- Las funciones componibles le permiten definir la interfaz de usuario de una aplicación mediante programación al describir la apariencia de la aplicación y proporcionar dependencias de datos, en lugar de centrarse en el proceso de construcción de la interfaz de usuario.
- Ahora veamos como Jetpack componiendo trabajo
- Para crear una función componible, simplemente agregue @Se puede combinar Comente sobre el nombre de la función.
- Las funciones componibles son los bloques de construcción básicos de Compose
- Esta función acepta alguna entrada y genera lo que se muestra en la pantalla
- Usemos bloques de código para entender
- Necesitamos agregar la anotación @Composable, la función Composable debe tener esta anotación. Esta anotación informa al compilador Compose que esta función está diseñada para convertir datos en UI.. Escribe una función que emita la IU No es necesario devolver nada, Porque describen el estado de pantalla deseado, en lugar de crear widgets de IU.
- En este código, nuestro widget acepta una cadena, por lo que puede saludar al usuario por su nombre.
- Esta función muestra texto en la interfaz de usuario.Es llamando texto() Función componible, en realidad crea elementos de interfaz de usuario de texto. Las funciones componibles generan una jerarquía de IU llamando a otras funciones componibles.
- En Compose, puede construir la jerarquía de la interfaz de usuario llamando a funciones componibles desde otras funciones componibles.
- En Composable, usamos la interfaz de usuario como una función en lugar de un objeto.
Ver / XML – – -> UI como objeto
Redactar – – – -> UI como función
- Este código crea dos elementos de texto en la vista de contenido.
- Esta
Column
La función le permite organizar elementos verticalmente.añadirColumn
llegarGreeting()
Características. - También podemos cambiar el color del texto y el tamaño de la fuente.
PreviewGreeting()
La función no se llamará en ningún lado, pero Android Studio ha agregado una ventana de vista previa.Esta ventana muestra el@Preview
anotación. Para actualizar la vista previa en cualquier momento, haga clic en el botón actualizar en la parte superior de la ventana de vista previa.
- ¿Es fácil de entender e implementar? Pruébelo usted mismo y cuénteme cómo va.
- En el próximo blog de la serie Jetpack Compose, presentaremos en detalle Compose Layout basic, que solo es adecuado para principiantes y básicos.
Feliz lectura 🙂