Generalidades

Estudie mucho para escribir 1 desde 0 hasta la imagen.Obtenga más información sobre el diseño de redacción desde 0, con un fragmento largo de Spotify … | Autor Tomaz Wang | Agosto de 2021

Antes de comenzar a escribir la pantalla, utilizo un punto de función combinable para el contenido del conjunto de contenido en MainActivity y coloco esta función en un paquete adecuado para su administración.

De esta manera, puede concentrarse más en editar esta pantalla

A continuación, desmontemos esta pantalla

El título «Búsqueda» y los siguientes subtítulos son texto sencillo
La parte blanca tiene la función de una barra de búsqueda vertical, que contiene una imagen y algo de texto.
Hay bordes de varios estilos musicales a continuación, dos por dos en una columna.
En cada cuadro de diálogo, hay el nombre del género, el color correspondiente y el fondo correspondiente.

Diseño-columnas y filas

Esta es una imagen vertical, así que utilicé la función de composición de esta columna.

Columna, imagínese como un LinearLayout vertical. Es un diseño en el que el contenido se puede organizar verticalmente; en consecuencia, las filas se organizan en un diseño horizontal, imagina un LinearLayout horizontal

Todos estos son imaginados, de hecho, se sintetizan en la pantalla, no se dibujan usando LinearLayout

También hay una caja similar.Un poco similar al diseño de FrameLayout, los elementos de este diseño se apilarán uno por uno

Para obtener más detalles, consulte el diseño en Redactar | Escritura de Jetpack | Desarrollador de Android

De vuelta a la pantalla, puse el texto correspondiente en la columna y usé el cuadro para reemplazar los componentes sin terminar.

De esta manera, puede obtener la siguiente pantalla

Diseño de funciones componibles

La función Composable incorporada oficial tiene un diseño similar

En primer lugar, estas funciones sonEl uso de lambda final en Kotlin (el último parámetro de la función es lamda) se puede escribir de forma independiente () Funciones posteriores, para que la composición se pueda expresar de forma DSL

Además, los valores predeterminados de otros parámetros.Utilice la función de Kotlin para especificar las características de los parámetros que se pueden utilizar directamente al llamar

Tome el texto como ejemplo, la función de texto tiene 16 parámetros

Pero cuando no hay necesidad de ajustar ninguna configuración, solo es necesario proporcionar text Este parámetro está bien

Incluso si quiero ajustar el color del texto hoy, solo necesito especificar color = xxx Puede completar el ajuste, es posible utilizar

Modificador

En la columna más externa, puede ver una redacción

Column(modifier = Modifier.....)

El modificador es una forma de arreglar la imagen de «ajuste» en un conjunto de marcos

¿Cuántas categorías se pueden jugar en Nueva Jersey?

  • Relacionado con el diseño: largo, ancho, relleno (sin márgenes, resuelto por relleno general)
  • Relacionado con la pantalla: color de fondo, forma del componente
  • Relacionado con el comportamiento: hacer clic, saltar (no hay diferencia en este artículo)

En uso, puede conectar varios modificadores en una cadena

Modifier.clip(...).fillMaxHeight().fillMaxWidth().background(...)

Cabe señalar que Modifier debe ejecutarse en orden, de izquierda a derecha

Los modificadores también se pueden usar como funciones de parámetros (así es como pasamos modificadores a las columnas)

Cuando desee concatenar dos modificadores directamente, puede usar .then()Concatenar

Modifier.then(modifier1).then(modifier2)

LEER  15/11/2022 El producto más nuevo de Microsoft es el suéter Clippy

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