Swift 3: Integración con tecnologías backend

Modificación del perfil del usuario

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
Vamos a implementar un pequeño formulario en nuestra aplicación que indique el perfil de un usuario para poder crearlo y modificarlo con el login hecho. Es algo muy sencillo y rápido de hacer, y en este video veremos cómo lograrlo.

Transcripción

Ahora continuaremos construyendo nuestras pantallas. Lo siguiente que vamos a hacer es la pantalla del perfil con su formulario. Esto nos va a servir para poderlo reutilizar en la versión del "Sign up" o del registro y en la parte en la que el usuario va a poder editar sus datos. Vamos a ver primero vamos a abrir el archivo "Log in storyboard" vamos a identificar en dónde estamos, aquí está el "Tab Bar Controller" - dejemos más de espacio para esto - aquí está el "Tab Bar Controller" aquí está el "Navigation Controller" aquí está el perfil, muy bien. Aquí lo que vamos a agregar van a ser todos los campos que vamos a imprimir, pero en otro "View Controller" vamos a agregar todos los campos que vamos a poder editar. Así que, voy a abrir aquí el panel de utilidades vamos a escribir aquí algo llamado "Item" aquí está el "Navigation UI" "Navigation Item." Este en realidad es un elemento que voy a poder arrastrar a la barra de navegación, así que lo tomo, lo arrastro, y si te fijas lo voy a poder colocar aquí arriba, no lo puedo colocar en otro lado, solamente lo puedo colocar aquí arriba. Lo voy a soltar, aquí en donde dice el "Estilo" lo voy a cambiar en vez de "Border" lo voy a dejar en "Border". No es en estilo, es en "System Item". En "System Item" yo lo voy a poner aquí como "Editar" y lo que va a hacer es que voy a ligar este botón con el siguiente "View Controller" así que voy a limpiar otra vez el filtro de aquí, aquí tengo el "View Controller" y lo voy a arrastrar, muy bien. Este es el siguiente "View Controller". Este "View Controller" lo voy a aparecer cuando presione en el botón "Delete" para eso, simplemente presiono la tecla "Ctrl" y arrastro desde este botón hasta el siguiente "View Controller", luego va a aparecer un menú, le voy a decir "show" y listo, ya podemos tener la conexión entre el perfil y el formulario. Ahora, ¿qué campos voy a mostrar en el perfil? Bueno, pues vamos a mostrar básicamente el nombre, el "username" la edad, el país y tal vez la cantidad de amigos que tiene este usuario. Así que, veamos. Lo primero que hay que hacer es colocar los campos. Los vamos a imprimir con algo que se llama un "Label" así que "Label" lo voy a colocar por aquí y le voy a poner "Full name" lo voy a copiar y pegar... y aquí voy a poner "Edad"... voy a poner por aquí el "Username" y por el otro lado vamos a poner por aquí también... su "País". Cuando entren a esta pantalla en donde diga "Profile" yo lo que quiero es que muestre una imagen de nuestro usuario así que voy a colocar por aquí un "Image" y es un "Image View" este "Image View" lo voy a colocar por aquí en el centro, lo voy a reescalar y lo voy a poner justo abajo de "Profile". Vamos a alinear un poco esto. Esto lo coloco aquí muy bien. Y voy a duplicar todos estos campos para ponerlos aquí al lado. Ahora, esto es muy importante, con esto yo voy a poder ver los básicos de nuestro elemento principal, que es el objeto "Usuario". Así que simplemente lo voy a poner aquí "Sample" a todo lo que yo tenga le voy a poner... no sé, 35... muy bien. Ahora, estas van a ser las etiquetas y aquí voy a empezar a colocar todos los valores, en algún momento los voy a empezar a imprimir. Así como necesito esto en un "View Controller" necesito otro "View Controller" en donde yo lo pueda editar o en el caso del registro, yo lo pueda definir. Esto se va a hacer a través de etiquetas y "text fields". Así que primero es "Label", la vamos a colocar el "Label" y cómo no quiero estar agregando uno a uno simplemente me voy a traer los demás. Copio y pego de este lado. "OK", ya, más rápido. Luego vamos a agregar todos los campos de texto, "Text field" aquí está, lo voy a agregar uno por uno. Aquí las guías me van a decir muy bien en donde puedo ir agregándolo. La edad yo la puedo hacer con un "slider", muy bien, aquí ya tengo el "slider" perfecto... Voy a copiar y pegar este de "Username" y el último del país. Pareciera que necesito más espacio así que voy a hacer la separación entre cada uno de ellos y ya. Solamente nos hace falta un último campo que es el del "Password". Así que, voy a copiar y pegar, lo voy a colocar por aqúi abajo le voy a poner "Password" y voy a seleccionar el campo y le voy a decir que este campo en realidad tiene una entrada de texto segura y listo, con esto sería más que suficiente. Puedo copiar y pegar este del perfil, arrastrarlo para acá y ponerle aquí "Edit", lo puedo centrar y ya. Aquí ya tenemos la siguiente pantalla. Lo siguiente que tenemos que hacer es nuestra capa del modelo. Afortunadamente solamente vamos a tener un objeto que es el usuario, así que lo que vamos a hacer es primero abrir el panel de navegación aquí en la carpeta de "Coffee Table" voy a abrir un nuevo archivo este archivo va a ser una clase de "Cocoa Touch" ¿Por qué es una clase de Cocoa Touch? porque en realidad necesito que sea una sub-clase de "NSObject" Así que, vamos a ver, sub-clase "NSObject" "Swift" vamos a poner "User". Un "User", vamos a repetirlo a través de una colección para poder formar los amigos. Así que no te preocupes, no vas a necesitar una segunda instancia. Ya tenemos aquí creado el archivo llamado "User" ¿Qué propiedades tenemos? Bueno, vamos a escribirlo como si fueran variables. Primero tenemos el nombre, que es de tipo "string" después vamos a tener el tipo "country", el tipo "string". No te sugeriría poner aquí el "password" pero bueno, en algún momento necesitas capturarlo y enviarlo así que vamos a colocarlo aquí. Ahora, como yo no estoy definiendo ningún valor por "default" me va a decir que necesito agregarle a cada una de las "stored property" un inicializador o un valor inicial. También podría colocarlo simplemente como opcionales y con esto voy a poder saltarme esta advertencia en tiempo de compilación. Por último, creo que me falta aquí la edad, este es de tipo entero, también es opcional y también vamos a tener un arreglo de amigos y este sí lo puedo crear desde ahora. Voy a decir que "Friends" va a ser igual a un arreglo de "User" y para inicializarlo voy a poner los paréntesis. Quiere decir que va a mutar, puede crecer en su tamaño pero ya está inicializado. De esta manera solamente hará falta más adelante conectar los valores del "View Controller" con mis instancias de "User".

Swift 3: Integración con tecnologías backend

Aprende a vincular tus aplicaciones web creadas con Swift 3 con el servidor, comienza a enviar información entre ambos y aprovecha esto al máximo dentro de tus sistemas.

3:08 horas (27 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.