prefacio
En la conferencia Google/IO del año pasado, se presentó un nuevo marco de desarrollo de interfaz de usuario nativo de Android: Jetpack Compose. Al igual que SwiftIUI de Apple, Jetpack Compose es un marco de interfaz de usuario declarativo. Con las dos principales plataformas móviles de este año, Android y Apple, ha lanzado sucesivamente su propio Los marcos de desarrollo de IU Jetpack Compose y SwiftIUI, lo que marca que el sistema operativo móvil adopta oficialmente el modelo de desarrollo de IU declarativo.
El pasado y el presente de la interfaz de usuario declarativa
De hecho, la interfaz de usuario declarativa no es una tecnología nueva. Ya en 2006, Microsoft lanzó su marco de desarrollo de interfaz de nueva generación WPF, que utiliza el lenguaje de marcado XAML, admite enlace de datos bidireccional, plantillas reutilizables y otras características.
En 2010, el equipo de Qt dirigido por Nokia también lanzó oficialmente su solución de interfaz de próxima generación, Qt Quick, que también es declarativa, e incluso el nombre original de Qt Quick era Qt Declarative. El lenguaje QML también es compatible con el enlace de datos, la modularización y otras características, y también es compatible con JavaScript incorporado.Los desarrolladores pueden desarrollar aplicaciones prototipo interactivas simples usando solo QML.
Los marcos declarativos de interfaz de usuario se han desarrollado rápidamente en los últimos años y el desarrollo web los ha llevado a su punto culminante. React sentó una base sólida para la interfaz de usuario declarativa y ha liderado su desarrollo futuro. El lanzamiento posterior de Flutter también llevó con éxito la idea de la interfaz de usuario declarativa al campo del desarrollo móvil...
La interfaz de usuario declarativa significa describir qué tipo de interfaz de interfaz de usuario desea. Cuando el estado cambia, la interfaz se puede volver a representar de acuerdo con la descripción anterior para obtener una interfaz con el estado absolutamente correcto, en lugar de decirle al programa paso a paso como un comando. Qué hacer, mantener varios estados.
Introducción a Jetpack Compose
Jetpack Compose es un conjunto de herramientas moderno para crear interfaces de usuario nativas de Android, basado en un modelo de programación declarativo, por lo que simplemente puede describir cómo debe verse su interfaz de usuario y Compose se encarga del resto: cuando cambia el estado, su interfaz de usuario se actualizará automáticamente.
Dado que Compose se basa en Kotlin, es totalmente interoperable con el lenguaje de programación Java y tiene acceso directo a todas las API de Android y Jetpack.
También es totalmente compatible con los kits de interfaz de usuario existentes, por lo que puede mezclar Vistas antiguas y ahora Vistas nuevas y diseñar con Material y animación desde el principio.
Jetpack Compose desde el inicio hasta el dominio
A continuación, les presentaré un "Jetpack Compose Getting Started to Mastery" compilado recientemente en 2021 y les enseñaré cómo comenzar con Jetpack Compose.
Esta información está destinada a ser una referencia para los amigos que quieran comprender, aprender y aplicar Jetpack Compose. La información se 100%免费comparte, simplemente escanee el código QR a continuación para agregar a Miss Assistant WeChat ↓↓↓
Detalles de datos
Capítulo 1 Introducción a Jetpack Compose
- ¿Por qué necesitamos una nueva herramienta de interfaz de usuario?
- Jetpack Compose Enfoque
Acelere el desarrollo
Potentes herramientas de interfaz de usuario
API intuitiva de Kotlin
- Diseño de API
- Principios de Compose API
Todo es una función Composición
de funciones de alto nivel
sobre herencia
Confiar en una sola fuente
- Inmersión profunda en Compose
Core
Foundation
Material
- API de tragamonedas
Capítulo 2 Jetpack Compose Construcción de la interfaz de usuario de Android
- Android Jetpack Compose La guía de introducción más completa
Jetpack Compose Preparación del entorno y Hello World Layout
Uso de Material Design para diseñar
Compose Layout Live Preview...
- Explicación detallada de Jetpack Compose | Optimización de
problemas de creación de UI Compose
Análisis de funciones componibles Composición de
UI declarativa frente a reorganización de encapsulación de
herencia ...
- Explicación detallada de Jetpack Compose | Principio de implementación
¿Qué significa la anotación @Composable?
Modo de ejecución
Memorización posicional Parámetros
almacenados
Reorganización
...
La información se
100%免费comparte, solo escanee el código QR a continuación para agregar el WeChat del asistente
Capítulo 3 Ejercicio práctico del proyecto Jetpack Compose (con demostración)
- Aplicación Jetpack Compose 1
Preparativos antes de iniciar el problema encontrado al
crear DEMO
-
Jetpack Componer aplicación 2
-
La aplicación Jetpack Compose crea un temporizador de cuenta regresiva
Estructura de datos
Función de cuenta regresiva
Modo de estado
Componer diseño
Dibujar reloj
Use Jetpack Compose para escribir un trabajo de preparación de la aplicación de Android
Introduzca dependencias
Cree una nueva actividad
para crear una página de dibujo de Compose
PlayTheme Barra de navegación inferior Administrar estado Agregar páginas
- Escribe una aplicación meteorológica con Compose Android,
dibuja la página
, dibuja el fondo
, dibuja el contenido
...
- Use Compose para crear rápidamente un
producto terminado de "aplicación de película"
Plan de realización
Inadecuado ...
Debido al espacio limitado del artículo, los amigos que necesiten información pueden escanear el código QR a continuación para agregar Miss Assistant WeChat y obtenerla gratis. ! !