Formation PUB900 : Développer une application pour iPhone avec SwiftUI, H-2024 Quelques éléments SwiftUI

5.1 Text


La structure Text est beaucoup utilisée dans les différents écrans d'une application SwiftUI.

Elle permet, comme son nom le suggère, d'afficher un texte à l'écran.

▼Publicité Le texte se poursuit plus bas

Texte simple

Dans sa forme la plus simple, la structure Texte affichera un texte composé de quelques mots.

SwiftUI

Text("Hello world!")

Texte multilignes

Pour afficher un texte sur plusieurs lignes, il suffit d'ajouter un modifieur pour limiter l'espace occupé par le texte, par exemple le modifieur .frame().

SwiftUI

Text("J'étudie en informatique au Cégep de Victoriaville.")
  .frame(width: 100)

Taille du texte

SwiftUI vous propose des tailles de texte prédéfinies. Elles sont définies dans la structure Font.

SwiftUI

Text("Bravo!")
  .font(.largeTitle)

Il est également possible de forcer une taille en unités.

SwiftUI

Text("VRAI!")
  .font(.system(size: 25.0))

Il est fortement conseillé d'utiliser les tailles prédéfinies plutôt que de spécifier la taille en unités puisque les tailles prédéfinies s'ajusteront selon la taille de l'écran.

Font

Markdown

Le texte à afficher peut utiliser le langage de balisage Markdown, que SwiftUI saura interpréter.

On déclarera d'abord le texte à l'aide d'un AttributedString().

SwiftUI

let monTexte = try! AttributedString(
  markdown: "Caractères _italiques_ **gras** ~~barrés~~")

var body: some View {
  Text(monTexte)
}

Émoticones

En bonus, vous pouvez utiliser un Text pour afficher des émoticônes. macOS permet d'ailleurs de faire apparaître une fenêtre d'émoticônes en appuyant sur les touches⌃ Ctrl+⌘ Cmd+Espace.

Date ajustée selon la localisation de l'appareil mobile

Si vous avez en main une instance de Date, il est possible de la convertir en chaîne directement dans un Text grâce au paramètre style.

SwiftUI

Text(Date.now, style: .date)

Selon les configurations de l'appareil mobile, ceci afficher une date du genre 11 avril 2024 ou April 11, 2024.

Pour plus d'information

« Getting Started with SwiftUI and Working with Text ». App Coda. https://www.appcoda.com/learnswiftui/swiftui-text.html

Veuillez noter que le contenu de cette fiche vous est partagé à titre gracieux, au meilleur de mes connaissances et sans aucune garantie.
Par Christiane Lagacé
Dernière révision le 11 avril 2024
Merci de partager !

Site fièrement hébergé chez A2 Hosting.

Soumettre