Login layout
Le Layout de connexion (Login layout) ne nécessite pas beaucoup d'explications. Il s'agit essentiellement d'une zone de texte avec un bouton de connexion. Le nom saisi est stocké dans une variable globale et aucune connexion n'a lieu avant le prochain layout.
Les événements pour le layout se focus sur le traitent de la zone de texte (TextBox), en s'assurant que vous ne pouvez pas vous joindre avant de saisir un nom, et en stockant le nom saisi dans la variable globale MyUsername lors de la connexion. Il vérifie également la condition Is supported dans l'objet Multiplayer - tous les navigateurs ne supportent pas encore le WebRTC, et nous devons informer l'utilisateur si cela ne fonctionne pas pour lui.
Chat Layout
Le layout Chat se connecte à son lancement, en utilisant le nom stocké dans la variable globale MyUsername.
Les objets du layout sont conçus pour imiter une application de salle de discussion : le journal de chat principal est l'endroit où les messages apparaissent, la liste des Clients sur la droite énumère les noms des autres personnes dans la salle, et il y a une zone de texte avec un bouton d'envoi en bas pour envoyer des messages. (Vous pouvez également appuyer sur Retour pour envoyer un message).
Les événements de cette mise en page porteront sur
- la connexion au serveur de signalisation et l'ouverture de session
- rejoindre le salon de discussion
- l'affichage de la liste des personnes présentes dans la salle et la mise à jour de la liste au fur et à mesure que les personnes se joignent à la salle et la quittent
- l'affichage des messages reçus
- l'envoi de tout message saisi localement
- gérer les erreurs ou les déconnexions qui se produisent.
Nous allons commencer à examiner les événements réels à la page suivante du tutoriel.