To Do List

Texte intégral

(1)To Do List Partie 3. Objectifs : - Création d’une nouvelle vue permettant d’afficher et de modifier une tâche Une nouvelle vue Vous créerez dans le Storyboard un nouvel objet ViewController. Vous créerez également un nouveau contrôleur en créant un nouveau fichier TaskViewController. Vous associerez ce nouveau contrôleur à la nouvelle vue créée. Cette vue sera appelée lorsque l’utilisateur clique sur une cellule de la vue principale. Pour ce faire, dans le Storyboard faites un Control+Clic entre la cellule et la nouvelle vue. Choisissez ensuite une segue Show. Insérer les 2 BarButtonItem Cancel et Save. Puis les différents éléments (TextField, Labels ImageView, Switch et MapsView). Une image par défaut vous est fournie au téléchargement. Votre vue devra ressembler à la figure ci-dessous :. Afficher le contenu de la cellule sélectionnée Votre contrôleur TaskViewController doit déclarer une variable d’instante de type ToDo?. C’est cet objet qui sera affiché par votre vue. Pour ce faire, il est nécessaire que la vue principale ait initialisé cet objet avec le contenu de la cellule sélectionnée au moment du clic par l’utilisateur. Ainsi dans la fonction prepare(for segue…) de la vue principale :.

(2) • Créez une variable référençant le contrôleur TaskViewController en utilisant segue.destination. Attention à bien « caster » le résultat obtenu. • R é c u p é r e z l’indexPath d e l a c e l l u l e s é l e c t i o n n é e e n u t i l i s a n t indexPathForSelectedRow • Récupérez dans le modèle (le tableau de ToDo) la tâche ToDo correspondante • Affectez cet objet ToDo à l’objet ToDo du contrôleur TaskViewController Maintenant votre contrôleur TaskViewController est capable d’afficher la tâche sélectionnée. Dans sa fonction ViewDidLoad, mettez à jour les éléments graphique en fonction de l’objet ToDo. Le bouton Cancel et le bouton Save Le bouton Save devra être grisé si le InputText est vide. Il faut donc faire cette vérification chaque fois que textEditingChanged(..) Pour le bouton Cancel : associez-lui une fonction qui appellera uniquement la fonction dismiss(animated: true, completion: nil) La prise en compte des modifications La prise en compte des éléments modifiés (pour l’instant, le titre et la date) suit le chemin inverse. Elle sera déclenchée lorsque l’utilisateur clique sur Save. Dans votre contrôleur principal créez une fonction @IBAction func unwindToToDoList(segue: UIStoryboardSegue). Celle-ci va : • Récupérer une référence sur TaskViewController. Vous utilisez ici segue.source • Récupérer l’objet ToDo de TaskViewController • Récupérer l’indexPath de la cellule sélectionnée (selectedIndexpath) • Mettre à jour le modèle • Mettre à jour la vue : votreTableView.reloadRows(at: [selectedIndexPath], with: .none) Dans TaskViewController, créez une fonction override func prepare(for segue: UIStoryboardSegue, sender: Any?) (si elle n’existe pas). Cette fonction crée un objet ToDo avec les données de la vue et l’affecte à sa variable d’instance correspondante. Pour finir dans le StoryBoard faire un Control+Click entre le bouton Save et l’icône rouge le plus à droite (symbolisant une sortie) dans la barre surmontant votre vue. Choisissez ensuite la fonction que vous avez créée précédemment..

(3)