Construir la interfaz de chat

Para poder chatear, necesitarás crear un nuevo View Controller para la interfaz de chat. En el menú de Xcode, seleccione File > New > File.... Elija una Clase Cocoa TouchNombre ChatViewController con una subclase de UIViewController y el lenguaje de Objective-C.

Esto creará un nuevo archivo llamado ChatViewController.men la parte superior importar NexmoClient y User.

La interfaz de chat necesitará:

• A UITextView para mostrar los mensajes del chat
• A UITextField para escribir mensajes en

Abrir ChatViewController.m y añadirlo mediante programación.

En el viewWillAppear se añade un observador a la función keyboardDidShowNotification que llama al keyboardWasShown. En keyboardWasShown ajusta los márgenes de diseño de la vista que desplaza el campo de entrada. Esto detiene el inputField bloqueado por el teclado al escribir.

En UITextField delegado

Deberá ajustarse a la UITextFieldDelegate para saber cuándo el usuario ha terminado de escribir para mover el campo de entrada a su posición original.

Al final del ChatViewController añadir la clase textFieldDidEndEditing función delegada.

Presentación de la ChatViewController

Ahora que la interfaz de chat está construida, tendrás que presentar el controlador de vista de la pantalla de inicio de sesión que construiste anteriormente. Necesitarás que la información sobre el usuario logueado pase entre los dos controladores de vista, dentro de ChatViewController.h importar el User al principio del archivo.

Añade un inicializador a la interfaz.

Entonces en ChatViewController.mañade una propiedad de usuario y cliente a la interfaz.

Implementa el inicializador:

Esto define un inicializador personalizado para la clase que tiene un atributo User.type como parámetro, que se almacena en el archivo local user propiedad. Ahora que tiene la información del usuario, utilice la barra de navegación para mostrar con quién chateará el usuario, en viewDidLoad añade lo siguiente.

Esto también crea un botón de cierre de sesión en la barra de navegación, añadir el logout al final de ChatViewController.m.

Ahora está listo para presentar la interfaz de chat junto con la información del usuario. Para ello, tendrá que editar el archivo didChangeConnectionStatus en la función ViewController.m archivo.

A continuación, importe ChatViewController en la parte superior del archivo.

Si el usuario se conecta con éxito a ChatViewController se presentarán los datos de usuario necesarios.

Construir y ejecutar

Vuelva a ejecutar el proyecto (Cmd + R) para iniciarlo en el simulador. Si te conectas con uno de los usuarios verás la interfaz de chat