Image de présentation d’un écran iOS illustrant les composants Textes en SwiftUI, un long texte est présent sur l'écran

Sun Set Bar (Exo)

Image de présentation d’un écran iOS illustrant les composants Textes en SwiftUI, un long texte est présent sur l'écran

Sun Set Bar (Exo)

Consigne

L’objectif de cette vue est de t’entraîner à utiliser les dégradés avec SwiftUI. Cette fois-ci, je ne t’accompagne pas pour la composition de la vue. Il est important que tu prennes le temps d’analyser et de déconstruire ta composition de manière autonome. Sur le papier, l’exercice reste simple, mais la nouveauté réside dans l’utilisation des dégradés pour chaque élément : le fond, le symbole SF, le texte, et le cercle. N’hésite pas à expérimenter et à personnaliser chaque composant avec un dégradé différent. Un cours est à ta disposition ici pour t’aider à bien comprendre l’utilisation des dégradés.

Maquette

capture d'écran dun iPhone qui représente un Text "helloworld"

Trucs et astuce

Le nom des SF-Symbol ( takeoutbag.and.cup.and.straw.fill)

Pour baisser l’opacité d’une image il existe un modifieur, Google est ton ami !

L’idéal pour colorer un fond est d’utiliser une ZStack{}

Cet exercice est simple, prends le temps de comprendre l’implémentation des couleurs en dégradé, et le tour est joué.

 

Lien utile

Shapes

Gradient

 

 Correction

Correction

Tips

Un bon dégradé doit être doux et naturel. Évite les contrastes trop brutaux et privilégie des teintes proches pour un rendu harmonieux.

Tips

Un bon dégradé doit être doux et naturel. Évite les contrastes trop brutaux et privilégie des teintes proches pour un rendu harmonieux.