Los parámetros son los aspectos modificables de un paquete de IU. El flujo de trabajo de retransmisión admite dos tipos de parámetros: parámetros de contenido y controladores de interacción.
- Los parámetros de contenido permiten que el código de Compose cambie dinámicamente los elementos de un paquete de IU, como el contenido y el estilo.
- Los controladores de interacción permiten que el código de Compose responda a entradas del usuario, como cuando mantiene presionado o presiona dos veces.
Puedes agregar parámetros al paquete de IU o a sus elementos secundarios. Las vinculaciones de parámetros también se comparten entre las variantes de Figma si sus capas de destino tienen nombres idénticos. Cada parámetro se transforma en parámetros de funciones de componibilidad en el código generado.
![Parámetros en Figma y el código generado](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=9&hl=es)
Propiedades del parámetro
El tipo de capa en Figma determina las propiedades de parámetros disponibles:
Todas las capas
tap-handler (especifica que una capa se puede presionar)
- El parámetro
() -> Unit
se genera en el código.
doubletap-handler (especifica que una capa se puede presionar dos veces)
- El parámetro
() -> Unit
se genera en el código.
longpress-handler (especifica que se puede mantener presionada una capa)
- El parámetro
() -> Unit
se genera en el código.
Capa de marco o grupo
children (contenido de la capa)
- El parámetro
Composable
se genera en el código. - Consulta Parámetros secundarios para obtener más información.
background-color
- El parámetro
Color
se genera en el código.
padding (relleno de diseño automático)
- El parámetro
PaddingValues
se genera en el código.
border-radius
- El parámetro
Double
se genera en el código.
Capa de texto
text-content
- El parámetro
String
se genera en el código si el texto tiene un solo estilo. - El parámetro
AnnotatedString
se genera en el código si el texto tiene varios estilos.
color (color del texto)
- El parámetro
Color
se genera en el código.
Capa de imagen
image-content
- El parámetro
Painter
se genera en el código.
Cómo agregar parámetros
- Selecciona una capa de componentes.
Haz clic en + y selecciona una propiedad de parámetro.
Cómo cambiar el nombre de los parámetros
- Selecciona un parámetro.
- Edita el campo Name.
Cómo quitar parámetros
- Selecciona un parámetro.
- Haz clic en el ícono de papelera.
Recomendaciones para ti
- Nota: El texto del vínculo se muestra cuando JavaScript está desactivado
- Conceptos básicos sobre el diseño de Compose
- Varios estilos en el texto
- Kotlin para Jetpack Compose