TimeText
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
TimeText est une mise en page qui affiche l'heure actuelle en haut de l'écran.
Texte temporel
Utilisez le texte temporel pour afficher l'heure, ainsi qu'un libellé facultatif en haut de l'écran. Lorsque l'écran de l'appareil est circulaire, le texte temporel est incurvé.
Lorsque l'écran de l'appareil est rectangulaire, le texte temporel est droit.
Vous pouvez ajouter un libellé de contenu supplémentaire avant le texte temporel. Lorsque vous ajoutez ce libellé, la longueur complète de l'arc ne doit pas dépasser un quart du cadran.
Anatomie
Lors de la création de
TimeText avec des éléments à faire défiler, tels que des listes, concevez
TimeText de manière à ce qu'il s'efface en fondu lorsque l'utilisateur fait défiler l'élément. Utilisez
Modifier.scrollAway pour faire défiler
TimeText verticalement et hors du champ de vision, en fonction de l'état de défilement.
A. Libellé de contenu
B. Séparateur
C. Heure
Utilisation
Pour afficher l'heure d'arrivée prévue dans une application de cartographie, utilisez le texte temporel avec le libellé de contenu, comme illustré dans l'exemple suivant.
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 2025/07/27 (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 2025/07/27 (UTC)."],[],[],null,["# Time text\n\n[`TimeText`](/reference/kotlin/androidx/wear/compose/material/package-summary#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.material.TimeSource,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0,kotlin.Function1,kotlin.Function0,kotlin.Function1,kotlin.Function0,kotlin.Function1))\nis a layout that shows the current time at the top of the screen.\n\n**Time Text**\n\nUse time text to display the time as well as an optional label on the top\nof the screen. When the device has a round screen time text is curved.\nWhen the device has a rectangular screen, time text is straight.\n\nYou can add an additional leading content label to the time text. When\nadding leading content, the full length of the arc should not be larger\nthan a quarter of the watch face.\n\nAnatomy\n-------\n\nWhen creating `TimeText` with scrollable elements such as lists, design the `TimeText` to fade away when the element scrolls. Use [Modifier.scrollAway](/reference/kotlin/androidx/wear/compose/material/package-summary#(androidx.compose.ui.Modifier).scrollAway(androidx.compose.foundation.ScrollState,androidx.compose.ui.unit.Dp)) to scroll `TimeText` vertically in and out of view, based on the scroll state.\n\n\n**A. Leading content\nB. Separator\nC. Time**\n\nUsage\n-----\n\nTo show the estimated time of arrival in a maps app, use time text with leading\ncontent as shown in the following example."]]
