Module 4 - Exercice

← Retour au module principal

Ma première application iOS

Pratiquer la gestion des états (@State), l’interaction utilisateur (boutons, sliders, textfields, pickers), et la gestion de vues dynamiques en SwiftUI.

Instruction

  1. Texte principal
    • Affichez un texte dynamique contenant le message saisi par l’utilisateur.
    • Le texte doit :
      • Pouvoir changer de taille en fonction d’un slider (échelle de 0.5 à 3.5).
      • Changer de couleur en fonction d’une sélection effectuée via un Picker.
  2. Personnalisation
    • Ajoutez un champ de saisie (TextField) pour que l’utilisateur puisse personnaliser le contenu du texte.
    • Fournissez un Picker permettant de choisir la couleur d’arrière-plan de l’application.
  3. Bouton de réinitialisation
    • Créez un bouton intitulé “Reset” pour réinitialiser tous les paramètres.
      • Taille du texte : 1.9
      • Message affiché : “Hello, World!”
      • Couleur du texte : Noir
      • Couleur de l’arrière-plan : Jaune
  4. Interface utilisateur
    • Organisez les éléments de l’interface dans une pile verticale (VStack).
    • Assurez-vous que le bouton de réinitialisation soit visuellement distinct (par exemple, un fond rouge avec du texte blanc).
  5. Couleurs disponibles
    • Couleur du texte : Noir, Rouge, Bleu.
    • Couleur de l’arrière-plan : Jaune, Vert, Orange.

Fonctionnalités de l’application

  1. L’utilisateur peut ajuster la taille du texte en temps réel avec un slider.
  2. Le texte s’actualise immédiatement selon les saisies ou sélections faites.
  3. Le bouton Reset permet de restaurer les valeurs par défaut, quel que soit l’état actuel de l’application.

Démonstration

Télécharger la solution