Swift 3: Integración con tecnologías backend

Pull to refresh

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
El famoso pull to refresh para nuestra lista de elementos que podremos subir a nuestro servicio nos servirá para poder actualizar listas que están en nuestro servidor. Vamos a ver en este video cómo trabajar con este sencillo gesto.

Transcripción

Uno de los elementos más importantes es que nosotros podamos actualizar la lista de amigos o en este caso la lista que yo tenga dentro de mi Table View. Esto lo puedo hacer a través de una interacción muy sencilla que se llama Pull to Refresh. El Pull to Refresh nos va a permitir que el usuario, a través de su pulgar, pueda bajar la lista y ejecutar un Refresh dentro del TableView. Ahora, ¿cómo lo hacemos? Primero me voy a mi archivo de FriendsTableViewController. Aquí, en el ViewDateLoad, lo que tengo que hacer es generar un Refresh control. Como este elemento ya es un TableViewController ya puedo acceder al elemento RefreshControl. RefreshControl = UIRefreshControl. Abro y cierro paréntesis. Lo que sigue es poder decirle que este RefreshControl va a reaccionar a un evento. Para esto vamos a utilizar un patrón llamado AddTargetAction. Entonces, es RefreshControl.addTarget y aquí está, addTargetAction. Esto es básicamente como si estuviéramos utilizando un addTargetAction de un botón. Necesitamos decirle quién va a responder ante este evento. En este caso soy yo o esta misma clase que es FriendsTableViewController. La acción que aquí vamos a tener que colocar es Selector. Signo de gato, Selector, abro y cierro paréntesis. Ahora, ¿quién va a capturar..? O mejor dicho, ¿qué función va a capturar esto? Bueno, esta función la voy a definir hasta abajo. Aquí voy a definir una función que se llame Refresh. No toma parámetros y en realidad no hace nada, no tiene que regresar ningún valor. Ahora, ya que tengo esto le voy a decir que el Selector es Refresh y si te fijas incluso hasta me lo autocompleta. Y el evento que va a estar detonando este targetAction se llama valueChanged. Muy bien, ahora ya está. Aquí en donde está el Refresh voy a colocar el código que se va a ejecutar cada vez que yo estoy mandando llamar el Pull to Refresh. Si yo ejecutara esto, me voy a quedar con el Pull to Refresh y nunca se va a cerrar y nunca va a hacer nada. Aquí es en donde yo tengo que colocar la función. Aquí están mis amigos. Si yo hago el Pull to Refresh, allí está el Pull to Refresh pero nunca acaba, nunca hace nada, nunca actualiza ninguno de los objetos. Ahora, aquí en el método Refresh lo que tengo que hacer es mandar llamar User.index y éste toma un closure. Este closure me va a regresar un arreglo de usuarios. Ok, entonces, Users, así lo voy a llamar. Y lo que tengo que hacer es self.friends, que es el arreglo en donde estoy haciendo toda la iteración para la tabla, lo voy a asignar a Users. También tengo que decirle a la tabla que actualice todos sus datos. Self.tableView.reloadData y por último tengo que decirle al refreshControl que termine de actualizar, que termine de ejecutar el spinner o el activity control que se encuentra arriba de la tabla. self.refreshControl.endRefreshing. Listo, guardo. Presiono Comando+R para poder ejecutar mi aplicación. Entro a mi lista de amigos. Y aquí yo ya tengo mi lista de amigos. Voy a hacer el Pull to Refresh y si te fijas atrás ya está haciendo la petición. La hace tan rápido que en realidad no se detiene. Pero si tuviéramos una conexión un poco inestable, ahí aparecería el spinner. Ahora, Francisco tiene una imagen que no es la que yo quiero. ¿Recuerdas que si le doy Tab esto va a aparecer con una imagen en negro? Bueno, le voy a dar Tab. Se sube la imagen pero no se actualiza. Entonces en vez de cerrar y volver a abrir la aplicación lo que voy a hacer es el Pull to Refresh. Ahora, si yo quiero que Bernardo tenga la misma imagen, le doy Tab, hago el Pull to Refresh y ya está. Ahora sí estamos actualizando y volviendo a pintar todos los elementos que yo necesite. De esta manera, el Pull to Refresh puede servirte muchísimo para que tú estés actualizando los datos y que tus usuarios tengan las últimas versiones de los objetos que estás guardando en tu backend.

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.