Ajouter des paramètres

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é.

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

1. Sélectionnez un calque de composant.

2. Cliquez sur +, puis sélectionnez une propriété de paramètre.

   

Renommer les paramètres

1. Sélectionnez un paramètre.
2. Modifiez le champ Name (Nom).

Supprimer des paramètres

1. Sélectionnez un paramètre.
2. 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