Menu
Coddy logo textTech

Symboles SF

Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 7 sur 50.

Apple propose des milliers d’icônes appelées SF Symbols. Affichez-en une avec Image(systemName:) et son nom :

Image(systemName: "heart.fill")
    .font(.largeTitle)
    .foregroundStyle(.red)

Un symbole se comporte comme du texte : .font définit sa taille et .foregroundStyle sa couleur. Les noms se terminant par .fill sont les versions remplies, comme star et star.fill.

Un Label place une icône et un titre côte à côte :

Label("Settings", systemImage: "gear")
challenge icon

Défi

Facile

Remplacez le texte par un Label intitulé Favorites qui affiche le symbole star.fill.

Essayez vous-même

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Introduction à SwiftUI

Entraînez-vous par vous-même : Playground Swift