11. ActivityIndicator - Curso de Xcode para programar aplicaciones iOS

codigofacilito

17 Apr 201210:26

Summary

TLDREn este tutorial de Código Fácil, el instructor Iker nos guía para agregar un indicador de actividad (activity indicator) a aplicaciones que utilizan webviews. Aprendemos a crear una interfaz gráfica con un webview y un activity indicator, configurando su estilo y color. Luego, en el código, se muestra cómo cargar una página web y agregar el activity indicator como subview del webview. Se programa un timer para alternar el estado del activity indicator en función del estado de carga del webview. Finalmente, se verifica que el activity indicator se muestre y se oculte correctamente al cargar y completar la carga de una página web, demostrando su funcionamiento en una aplicación de ejemplo.

Takeaways

🎓 Hola a todos, este es un tutorial de cómo agregar indicadores de actividad a aplicaciones con webviews.
📚 El indicador de actividad es la ruedita que aparece cuando se está cargando una página web.
🚀 Se crea un nuevo proyecto de aplicación única llamada 'activity'.
🖼️ Se diseña la interfaz gráfica con un webview y un indicador de actividad en el centro.
🌐 Se establece el estilo del indicador de actividad como 'large White' y se le cambia el color a rojo.
📝 Se declaran los objetos necesarios en el archivo View controller H: el webview llamado 'web' y el indicador de actividad llamado 'activityIndicator'.
⏱ Se declara un Timer llamado 'timer' para controlar la animación del indicador de actividad.
🌀 En el método 'viewDidLoad', se carga una página web en el webview y se agrega el indicador de actividad como subview.
🔁 Se programa el Timer para que se repita cada segundo y se ejecute la acción 'loading'.
🔧 Se define la acción 'loading' que controla si el indicador de actividad debe animarse o detenerse.
🔄 Si el webview ya no está cargando, el indicador de actividad deja de animarse; si está cargando, comienza a animarse.
🎉 La aplicación espera a que se cargue la página y el indicador de actividad debe desaparecer una vez que la carga se complete.

Q & A

¿Qué es un activity indicator en una aplicación que utiliza webviews?
-Un activity indicator es la ruedita que aparece cuando está cargando una página web en una aplicación que utiliza webviews.
¿Cómo se llama el proyecto que se crea en el tutorial?
-El proyecto se llama 'activity' y es una single application.
¿Qué se agrega a la interfaz gráfica para mostrar el activity indicator?
-Se agrega un activity indicator en el centro de la pantalla para que sea visible mientras se carga una página web.
¿Cuál es el estilo predeterminado del activity indicator?
-El estilo predeterminado es 'large white', pero se cambia a 'rojo' en el tutorial.
¿Qué se debe hacer en el archivo View controller H para declarar los objetos?
-Se deben declarar el webview llamado 'web', el activity indicator llamado 'activityIndicator' y un timer llamado 'timer'.
¿Cómo se carga una página web en el webview?
-Se utiliza una NSURLRequest con una URL específica para cargar la página en el webview.
¿Qué hace el timer creado en el View controller M?
-El timer se utiliza para controlar la animación del activity indicator, iniciándola cuando la página comienza a cargar y detenerla cuando la carga finaliza.
¿Cómo se conecta el activity indicator en el archivo View controller XV?
-Se conecta seleccionando File's Owner y en Connections, se conecta el outlet de actividad con el activity indicator y el de web con el webview.
¿Qué acción se realiza cuando la página web ha terminado de cargar?
-Cuando la página web ha terminado de cargar, se detiene la animación del activity indicator.
¿Cómo se asegura que el activity indicator solo se muestre mientras se carga la página web?
-Se utiliza una acción que comprueba si el webview está cargando. Si no está cargando, se detiene la animación del activity indicator; si está cargando, se inicia la animación.
¿Qué dirección web se utiliza como ejemplo en el tutorial?
-Se utiliza la dirección web de YouTube de 'código facilito' como ejemplo en el tutorial.
¿Cómo se puede personalizar el tiempo de intervalo del timer para el activity indicator?
-Se puede personalizar el tiempo de intervalo del timer en la línea donde se establece el schedule del timer, cambiando los valores de 1.0 y 2.0 a los segundos deseados.