Os parâmetros são os aspectos modificáveis de um pacote da IU. O fluxo de trabalho do Relay oferece suporte a dois tipos de parâmetros: parâmetros de conteúdo e gerenciadores de interação.
- Os parâmetros de conteúdo permitem que o código do Compose mude dinamicamente os elementos de um pacote da IU, como conteúdo e estilo.
- Os gerenciadores de interação permitem que o código do Compose responda à entrada do usuário, como tocar e manter pressionado ou tocar duas vezes.
É possível adicionar parâmetros ao pacote da IU ou aos filhos dele. As vinculações de parâmetros também vão ser compartilhadas entre variantes do Figma se as camadas de destino tiverem nomes idênticos. Cada parâmetro é transformado em parâmetros de função de composição no código gerado.
![Parâmetros no Figma e o código gerado](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=0000&hl=pt-br)
Propriedades do parâmetro
O tipo de camada no Figma determina quais propriedades do parâmetro estão disponíveis:
Todas as camadas
tap-Handler: especifica que uma camada pode ser tocada.
- O parâmetro
() -> Unit
é gerado no código.
Doubletap-Handler: especifica que uma camada pode ser tocada duas vezes.
- O parâmetro
() -> Unit
é gerado no código.
longpress-Handler: especifica que uma camada pode ser pressionada por um longo período.
- O parâmetro
() -> Unit
é gerado no código.
Camada de frame ou grupo
children: o conteúdo da camada.
- O parâmetro
Composable
é gerado no código. - Consulte Parâmetros filhos para ver mais detalhes.
background-color.
- O parâmetro
Color
é gerado no código.
padding: o padding do layout automático.
- O parâmetro
PaddingValues
é gerado no código.
border-radius.
- O parâmetro
Double
é gerado no código.
Camada de texto
text-content.
- O parâmetro
String
é gerado no código se o texto tem apenas um estilo. - O parâmetro
AnnotatedString
é gerado no código se o texto tem vários estilos.
color: cor do texto.
- O parâmetro
Color
é gerado no código.
Camada de imagem
image-content.
- O parâmetro
Painter
é gerado no código.
Como adicionar parâmetros
- Selecione uma camada do componente.
Clique em + e selecione uma propriedade de parâmetro.
Renomear parâmetros
- Selecione um parâmetro.
- Edite o campo Name.
Remover parâmetros
- Selecione um parâmetro.
- Clique no ícone Trash Can.
Recomendados para você
- Observação: o texto do link aparece quando o JavaScript está desativado.
- Conceitos básicos de layout do Compose
- Vários estilos de texto
- Kotlin para Jetpack Compose