Les polices en SwiftUI
Introduction aux polices
Dans SwiftUI, le concept de police est représenté par une structure appelée Font
. Cette structure permet de générer des instances de polices qui peuvent être appliquées à du texte en utilisant le modificateur de vue .font()
. Les instances de polices peuvent être créées à partir de polices standard, qui sont des propriétés de type de Font
, ou bien en utilisant des méthodes intégrées pour moduler leur apparence comme .system()
, .italic()
, et .bold()
.
Polices standard
Voici une liste des principales propriétés de type Font
standard que vous pouvez utiliser : - .largeTitle
: un style de police pour les grands titres. - .title
: un style de police pour les titres. - .headline
: un style de police pour les titres principaux. - .body
: le style de police par défaut. - .footnote
: un style de police pour les notes de bas de page. - .caption
: un style de police pour les légendes.
Ces propriétés permettent une utilisation simplifiée de polices prédéfinies dans votre interface.
Modification et création de polices
Il existe plusieurs méthodes que vous pouvez utiliser pour modifier ou créer des polices : - .bold()
: applique une graisse en gras. - .italic()
: applique un style en italique. - .weight()
: définit le poids spécifié de la police. - .monospaced()
: applique une police à espace fixe. - .lowercaseSmallCaps()
: transforme les caractères minuscules en petites majuscules. - .system(_ style:, design:, weight:)
: applique un style de police spécifique avec des options de design et/ou de poids. - .system(size:, weight:, design:)
: définit une taille spécifique avec des options de poids et/ou de design.
Exemple de code
Voici un exemple qui illustre l'utilisation de différentes polices dans une vue VStack :
import SwiftUI
struct FontView: View {
let titleFont = Font.largeTitle.lowercaseSmallCaps()
let footnoteFont = Font.system(.footnote, design: .serif, weight: .bold)
var body: some View {
VStack {
Text("J'adore voir l'été briller")
.font(titleFont)
Text("\nJ'aime voir l'été resplendir
Et les nuages de flocons blancs naviguer au nord \nJ'aime voir les fleurs sauvages revenir \nEt les taches de blé d'or teinter le pré")
.monospaced()
Text("- John Clare")
.font(footnoteFont)
}
.padding()
}
}
Dans cet exemple, vous pouvez voir : - La première vue de texte utilise le titleFont
qui est une combinaison du type standard .largeTitle
modifié avec la méthode .lowercaseSmallCaps()
. - La deuxième vue de texte applique un style monospaced. - La dernière vue applique une police système créée footnoteFont
avec un style de bas de page, un design en serif, et un poids en gras.
Conclusion
Les polices constituent un élément clé de la conception d'interface, permettant de donner du caractère et de la visibilité à votre texte. Grâce à la flexibilité offerte par SwiftUI, vous pouvez facilement personnaliser les polices pour convenir à votre application.
Utilisation des polices dans une startup ou un site web
La mise en œuvre des polices dans une application web ou un projet de startup en SwiftUI peut grandement influencer l'expérience utilisateur. En utilisant des polices adaptées, vous pouvez vous assurer que le contenu est non seulement lisible mais aussi visuellement attrayant. Lors de la création de votre site web, pensez à utiliser les propriétés et méthodes de police de SwiftUI pour personnaliser votre texte, que ce soit pour des titres accrocheurs ou des notes informatives. En appliquant ces connaissances, vous pouvez facilement donner une touche professionnelle et soignée à votre interface.