Generalidades

Cómo comenzar a usar Jetpack Compose en una aplicación existente | Autor: Sebastian Rigg | Septiembre de 2021

Ahora debemos crear el primer tema Jetpack Compose. Para ello, debe crear 4 archivos Kotlin «Colors.kt», «Shape.kt», «Theme.kt» y «Type.kt».

1*SPZ2phwN t6VHEYhVcy5ew

El archivo de color debe tener el siguiente aspecto. Aquí, declaras todos los colores utilizados por Compose. Debe agregar todos los colores en colors.xml a este archivo.

El archivo de forma contiene todas las formas que usó en el archivo de composición.

El tercer archivo contiene su diseño.

Estos tres colores, formas y tipografía componentes ahora se utilizan para crear su primer tema Jetpack Compose.

Lo primero que tenemos que hacer es generar paletas de colores claros y oscuros para su tema, y ​​luego Tema de la aplicación.

Como puede ver, su tema no es solo un tema, sino también un objeto componible de su aplicación. Puede reconocer esto en los comentarios de Composable.

Este tema representa los archivos de recursos antiguos «colors.xml», «dimens.xml» y «styles.xml». No me malinterpretes, necesitas estos archivos antes de convertir todos los diseños XML en diseños componibles.

Siempre que use colores en elementos componibles, debe usar el tema creado, porque Jetpack Compose puede reconocer automáticamente el fondo del texto mostrado. El color del texto cambiará automáticamente con el color de fondo.

Suponga que su texto está en una tarjeta de color antecedentes Luego, Redactar establecerá automáticamente el color del texto en En el fondo. Por ejemplo, si cambia el color de la tarjeta a superficie Redactar cambiará automáticamente el color del texto a en la superficie. ¡Que guay! ?

Siéntete libre de probar estas cosas.

LEER  Proyector: Uso - Estilo Android

Publicaciones relacionadas

Deja una respuesta

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

Botón volver arriba