Tutorial Xcode 21: TabBar App

Summary

En este tutorial de 'Código Fácil', el instructor Iker guía a los espectadores a través del proceso de creación de una aplicación Tab Bar utilizando Xcode. Comienza seleccionando el tipo de proyecto 'Tab Application', nombrando al proyecto 'Tabar' y configurando las vistas básicas. Luego, explica cómo agregar más vistas a la aplicación, incluyendo un nuevo 'UIViewController' y configurando el 'AppDelegate.m' para incluir la nueva vista en la Tab Bar. Finalmente, se muestra cómo establecer el título de la nueva vista en el archivo '.m' correspondiente. El objetivo es enseñar a los usuarios cómo crear una interfaz de usuario modular y cómo agregar múltiples vistas a una aplicación iOS.

Takeaways

• 😀 El tutorial es sobre cómo crear una aplicación de pestañas (tab application) en Xcode.
• 🛠 Se inicia creando un nuevo proyecto en Xcode, seleccionando el tipo de proyecto 'Tab application'.
• 📝 Se nombra al proyecto 'Tabar' y se crea con las opciones básicas.
• 🔍 Se muestra cómo correr la aplicación para visualizar las dos vistas básicas que se incluyen por defecto.
• 🚀 Para agregar más vistas, se va a la carpeta del proyecto y se crea un nuevo archivo seleccionando 'Cocoa Touch Class'.
• 📑 Se crea una nueva vista llamada 'Tercera ViewController' con un archivo XIB para la interfaz de usuario.
• 🔧 En el archivo 'AppDelegate.m', se importa la nueva vista y se configura para que se cargue al inicio de la aplicación.
• 📝 Se escribe código para agregar la 'Tercera ViewController' a la lista de controladores de vista del controlador de pestañas.
• 🖌️ Se establece el título de la nueva vista en el archivo 'TerceraViewController.m' para que se muestre correctamente en la aplicación.
• 🔄 Se sugiere que los usuarios pueden seguir el mismo método para agregar más vistas según sus necesidades.
• 👍 El tutorial concluye animando a los espectadores a dar 'me gusta' y suscribirse al canal 'Código Facilito' si les gustó el contenido.

Q & A

¿Qué es un 'tabb application' según el tutorial?

Un 'tabb application' es una aplicación que se divide en secciones diferentes, mostrando diferentes vistas en una interfaz de pestañas.

¿Cómo se crea un nuevo proyecto de 'tabb application' en Xcode?

En Xcode, al crear un nuevo proyecto, en lugar de seleccionar 'single application', se debe elegir 'Tab application' y seguir los pasos para configurarlo.

¿Cuántas vistas tiene una aplicación 'tabb application' por defecto?

Por defecto, una aplicación 'tabb application' tiene dos vistas cuando se crea siguiendo el tutorial básico.

¿Qué archivo se utiliza para agregar nuevas vistas a la aplicación en el tutorial?

Para agregar nuevas vistas, se utiliza el archivo 'New file' dentro de la carpeta del proyecto en Xcode.

¿Qué tipo de archivo se crea para agregar una nueva vista a la aplicación?

Se crea un archivo de tipo 'UIViewController subclass' para agregar una nueva vista a la aplicación.

¿Cómo se nombra la nueva vista que se agrega en el tutorial?

La nueva vista se nombró 'tercera ViewController' en el tutorial.

¿Dónde se encuentra el archivo 'AppDelegate.m' y qué propósito cumple en el tutorial?

El archivo 'AppDelegate.m' se encuentra en la carpeta del proyecto y se utiliza para configurar y agregar nuevas vistas a la aplicación.

¿Qué función se utiliza para importar la nueva vista en 'AppDelegate.m'?

Se utiliza la función '#import' para importar la nueva vista en 'AppDelegate.m'.

¿Cómo se agrega la nueva vista al 'tabBarController' en 'AppDelegate.m'?

Se agrega la nueva vista al 'tabBarController' mediante la adición de un objeto de la vista después del segundo view controller y antes de 'nil' en la lista de view controllers.

¿Cómo se establece el título de la nueva vista en la aplicación?

Se establece el título de la nueva vista en la aplicación utilizando 'self.title' y asignándole un nombre en el archivo '.m' correspondiente a la vista.

¿Cómo se verifica que la nueva vista se ha agregado correctamente a la aplicación?

Se verifica que la nueva vista se ha agregado correctamente ejecutando la aplicación y observando que aparece en la interfaz de pestañas.