Sommaire

Ajout d’une vue modale de connexion

Ajoutez au centre de la vue Visiteur un bouton Connectez-vous, utilisez l’écran d’alignement d’Auto Layout pour que le bouton soit centré horizontalement et verticalement sur tous les types d’écrans.

images/05EP26.png

On souhaite afficher un écran d’authentification de façon modale lorsque l’utilisateur tapote le bouton Connectez-vous. Cela signifie que l’écran va apparaître et masquer le précédent, le plus souvent en montant par le bas de l’affichage.

Ajoutez une scène au Storyboard en glissant un nouveau ViewController depuis la bibliothèque d’objets, positionnez-la près de la scène Visiteur.

Positionnez les éléments suivants sur cette nouvelle scène :

  • Un Label de titre Connexion, centré et situé en haut de la vue.

  • Un Text Field avec comme placeholder E-mail, réglez les paramètres suivants :

  • Correction : No

  • Spell checking : No

  • Keyboard Type : E-mail Address

  • Return Key : Next

  • Un Text Field avec comme placeholder Mot de passe, cochez la case Secure Text Entry et réglez le paramètre Return Key sur Send.

  • Un bouton Annuler, situé en dessous à gauche du champ Mot de passe.

  • Un bouton Connexion situé en dessous à droite du champ Mot de passe.

images/05EP27.png

Pour l’instant cette scène est inaccessible. On ne souhaite pas lui dédier un onglet car elle n’a de sens que vis-à-vis du module Visiteur. ...