Introducción a Jetpack Compose. Jetpack Compose es el nuevo kit de herramientas… | de Oscar Presidente | Octubre de 2020

Jetpack Compose es el nuevo kit de herramientas Declarativo Interfaz de usuario de Android. Está diseñado con eficiencia y facilidad de uso.

La API declarativo de Jetpack Compose le permite crear interfaces de interfaz y, en general, utilizar un código que se utiliza mediante un método imperativo obligatorio.

Normalmente en Android, representamos una interfaz gráfica como un árbol de Ver s, en cada caso cada una de las Vistas que se miden en la pantalla es un nodo de este árbol.

En general, el cambio en nuestra IA es un proceso de dos partes:

  1. Requisitos de recomendación inevitables findViewById para registrar el árbol, es necesario encontrar el nodo que estamos manipulando.
  2. Uso de la API para actualizar la API de actualización de contenido para las Fuerzas Suspendidas de Camboya. Por ejemplo, queremos actualizar la imagen mostrada por un ImageView podemos usar setImage (Bitmap) cambiando el estado nuestro widget.

Con el modelo Los widgets imperativos normalmente mantienen su propio estado interno y exponen las API que permiten que el registro de aplicaciones sea el final de la interfaz de usuario que tenemos.

Modelo imperativo

En otros años, es más probable que la industria cumpla con un modelo declarativo con el objetivo de simplificar la ingeniería necesaria al diseñar la IA. La idea de un modelo declarativo es que, para cambiar el estado de los objetos a los que se hace referencia, los objetivos no son aplicables y nuestra IA se actualiza en el medio de la reconstrucción del esquema de la viuda.

Una de las declaraciones del modelo declarativo es que costo en tiempo, tiempo de computadora y, en el contexto de dispositivos móviles, batería. Debido a que los marcos que se adoptan, este modelo debe implementar medidas técnicas que son costosas, en el caso de Componer si pasa por un proceso roto .

Modelo declarativo

Jetpack Compose es una librería que te permite implementar el estilo de declaración en nuestras aplicaciones de Android. Un ejemplo clásico es Hello World; momentos que hacen que la forma tradicional no sea trivial, creará la creación de los archivos de este código como un diseño, usar Compose es una forma sencilla de invitar a una función que problema el texto con el mensaje que describimos:

Algunas cosas para hacer en la cuenta de este pequeño ejemplo: 1. La función Saludo tiene la anotación @ Plegable. Esta es la información para el compilador Compose que está realizando la función convertir datos a UI. Todo lo mejor para pretender ser la interfaz de usuario más utilizada de Jetpack Compose deben llevar a cabo está anotación. 2. La función de respuesta de datos. Funciones anotadas con@ Plegable Puede aceptar los parámetros de la forma en que la lógica de aplicación puede describir la IA. 3. La función no retorna nada. La función la IA de la que queremos salir no es necesaria que el resultado no sea necesario. 4. En ausencia de un tipo de efectos secundarios, la interfaz de usuario siempre produce el modo de exposición a múltiples colas.

En general, podremos asegurarnos de que las funciones @ Plegable que escribimos junto con estas propiedades.

La diferencia entre el enfoque imperativo, donde el estado de nuestros widgets en Compose our widgets es relativamente apatridia y, de hecho, ni siquiera syn expuestos como objetos; la UI se actualiza rompiendo la función solo con diferentes parámetros.

Hasta ahora, Jetpack Compose no está disponible, pero es fácil comprender la libertad y la sofisticación que le permite definir nuestra interfaz de usuario utilizando XML. Dado que Kotlin y XML se pueden usar de forma simple y elegante, podemos completar la interfaz de usuario usando varias líneas de código.

Están listados como objetos en Jetpack Compose en un estado interno, por lo que se puede argumentar que es bueno para aplicaciones simples, pero queremos hacer algo más interesante que muestre texto invisible; Quizás queramos mostrar un widget que contenga algún evento como la entrada del usuario en un teclado, el acelerómetro, etc.

Uso normal de la aplicación de Android y la interfaz de usuario de la interfaz de usuario:

Flujo de actualización de la interfaz de usuario

El evento cambia el estado de nuestros widgets, imágenes y EditText lee el texto y cambia que el usuario usa las letras en un teclado virtual, el evento de la tecla a otro estado el estado del widget, decide, nuestros eventos y el estado es completamente asociado.

Por otros Estados miembros, el Estado y sus eventos están separados. El estado representa un valor que usted puede cambio, eventos que un evento representa un notificación que alguien pasó:

Estados y eventos en Jetpack Compose

Necesitamos usar eventos para prevenir cuando actualizamos el estado de nuestra aplicación:

Estado en Crear

Podemos usar la función recuerda para crear una instancia de MutableState, en otras formas el valor se reinicializará en cada caso . MutableState es no observable similar a un MutableLiveData pero integrado en el formulario Jetpack Compose que el proceso Compose siempre ha sido actualizado y puede implementar el proceso de Recomposición en todas las funciones @Composable que observe los valores.

Puedes crear un MutableState en tres formas:

Creando Estado en Redactar

Sí, te gustan diferentes formas de solicitar, tan rápido, como quieras, como te gusta, como te gusta Jetpack Compose, nuestra nueva interfaz de usuario flasheando funciones con diferentes parámetros, el hacerlo porque los widgets emitieron re -dibujos en la despensa, necesarios, con nueva fecha. Se recomienda el marco de composición solo los elementos que han cambiado.

A medida que se ha mejorado el proceso de recombinación, el árbol de IA es potencialmente costoso en términos de energía y energía de la batería.

Jetpack te compone a través del proceso de romperlo Recomposición inteligente. Cuando una parte de la interfaz de usuario del débito se cambia a cambios en los parámetros de una función, es posible identificar las funciones y lambdas que se pueden cambiar y omitir el resto, en la forma en que solo las funciones mínimas deben decepcionarse.

El marco tiene la intención de optimizar el modo en que funcionan las funciones @ Plegable sus expresiones, por lo que otros puntos que tienen el mismo signo en cuenta al escribir:

  1. Las funciones se pueden implementar en cualquier orden, debido a que nuestras funciones no dependen de los efectos secundarios de otros @Composable.
  2. Las funciones se pueden establecer en paralelo.
  3. La reconciliación es muy cara, por lo que nuestras funciones no serán autónomas.
  4. La recomposición se puede cancelar.
  5. Las funciones @ Plegable se puede utilizar con frecuencia, en algunos casos hasta 1 fotograma por fotograma, para lo cual es un nivel importante de capas en vivo y sus costos o costos costosos.

Podemos ver cómo Jetpack Compose puede ayudar a simplificar el desarrollo de nuestras aplicaciones en Android, permitirle crear UI de manera elegante y compatible con menos código y seguir un estilo que nos permite obtener los resultados más probables y cómo mantenerlo en mi opinión. Estos proyectos, que tienen una revolución en la forma de trabajo en determinadas tecnologías y que también se pueden desarrollar, desarrollarán cuanto antes un gran apoyo a la comunidad. Puedes elegir dónde el Jetpack Compose puedes encontras tiene más correos electrónicos e información en https://developer.android.com/jetpack/compose

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *