Cadres et formes
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 17 sur 50.
SwiftUI propose des vues de formes : Circle, Rectangle, RoundedRectangle et Capsule. .fill colore une forme :
Circle()
.fill(.blue)
.frame(width: 80, height: 80)Une forme s’agrandit pour remplir l’espace qui lui est proposé. .frame(width:height:) lui donne, ou à toute autre vue, une taille fixe en points.
Un cadre peut également être flexible. maxWidth: .infinity permet à une vue de s’étendre sur toute la largeur disponible :
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
Défi
FacileDessinez l’espace réservé de l’avatar : un Circle rempli de vert, de 100 points de largeur et de 100 points de hauteur.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette 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
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de scoreEntraînez-vous par vous-même : Playground Swift