Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Ce tutoriel de base, qui présente les workflows de concepteur et de développeur pour Relay, offre une expérience complète aux novices. Une fois le plug-in Relay configuré, vous accéderez rapidement à l'étape où vous pourrez voir l'interface utilisateur s'afficher dans Android Studio. Ne vous découragez surtout pas !
Le tutoriel crée un composant de fiche de base dans Figma et l'importe dans Android Studio, où vous pouvez consulter le code généré. Vous découvrirez comment effectuer les opérations suivantes :
Dans Figma :
Concevoir un composant d'interface utilisateur dans Figma
Créer un package UI à l'aide du plug-in Figma
Enregistrer une version nommée de la conception
Partager l'URL Figma avec les développeurs
Dans Android Studio :
Importer le package UI dans un projet à l'aide de l'URL Figma
Générer le code Jetpack Compose en compilant le projet
Ajouter une référence au composable généré dans le code d'UI du projet
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/03/25 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2024/03/25\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/03/25 (UTC)."]]
