Les paramètres sont les aspects modifiables d'un package d'interface utilisateur, ou package UI. Le workflow de Relay prend en charge deux types de paramètres : les paramètres de contenu et les gestionnaires d'interaction.
- Les paramètres de contenu permettent au code Compose de modifier de manière dynamique les éléments d'un package UI, tels que le contenu et le style.
- Les gestionnaires d'interaction permettent au code Compose de répondre à l'entrée utilisateur (lorsqu'il appuie de manière prolongée sur un élément ou lorsqu'il appuie deux fois, par exemple).
Vous pouvez ajouter des paramètres au package UI ou à ses enfants. Les liaisons de paramètres sont également partagées entre les variantes Figma si leurs calques cibles portent des noms identiques. Chaque paramètre est transformé en paramètres de fonction modulable dans le code généré.
![Paramètres dans Figma et code généré](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=0000&hl=fr)
Propriétés de paramètre
Le type de calque dans Figma détermine les propriétés de paramètre disponibles :
Tous les calques
tap-handler (indique que l'utilisateur peut appuyer sur le calque)
- Le paramètre
() -> Unit
est généré dans le code.
doubletap-handler (indique que l'utilisateur peut appuyer deux fois sur le calque)
- Le paramètre
() -> Unit
est généré dans le code.
longpress-handler (indique que l'utilisateur peut appuyer de manière prolongée sur le calque)
- Le paramètre
() -> Unit
est généré dans le code.
Calque de frame ou de groupe
children (contenu du calque)
- Le paramètre
Composable
est généré dans le code. - Pour en savoir plus, consultez Paramètres enfants.
background-color
- Le paramètre
Color
est généré dans le code.
padding (marge intérieure de la mise en page automatique)
- Le paramètre
PaddingValues
est généré dans le code.
border-radius
- Le paramètre
Double
est généré dans le code.
Calque de texte
text-content
- Le paramètre
String
est généré dans le code si le texte n'a qu'un seul style. - Le paramètre
AnnotatedString
est généré dans le code si le texte comporte plusieurs styles.
color (couleur du texte)
- Le paramètre
Color
est généré dans le code.
Calque d'image
image-content
- Le paramètre
Painter
est généré dans le code.
Ajouter des paramètres
- Sélectionnez un calque de composant.
Cliquez sur +, puis sélectionnez une propriété de paramètre.
Renommer les paramètres
- Sélectionnez un paramètre.
- Modifiez le champ Name (Nom).
Supprimer des paramètres
- Sélectionnez un paramètre.
- Cliquez sur l'icône Corbeille.
Recommandations personnalisées
- Remarque : Le texte du lien s'affiche lorsque JavaScript est désactivé.
- Principes de base de la mise en page dans Compose
- Plusieurs styles de texte
- Kotlin pour Jetpack Compose