En la tercera lección del curso de membership apps crearemos la pantalla de selección de curso, la pantalla de selección de una de las clases del curso seleccionado, y la pantalla de la lección que se ha seleccionado.
Es decir, que nuestra Membership App tendrá una pantalla “home” dónde vamos a ofrecer todos nuestros cursos o módulos, al seleccionar uno de ellos, navegaremos a una pantalla que contendrá las lecciones del contenido de dicho curso, por último, cuando seleccionemos una de estas lecciones o clases, iremos a una pantalla que tendrá el titulo de la lección, una breve descripción, y el video con el contenido. Una de las cosas más importantes cuando creamos la interfaz son las Autolayouts.
Autolayout es un mecanismo que Apple pone a disposición de los desarrolladores para que nuestras pantallas se vean bien en todos los dispositivos, por medio de anclas o también llamadas restricciones, vamos a establecer el tamaño y posición de cada uno de los elementos que componen nuestra interfaz. Vamos a ver el video y luego comentamos :)
Genial ¿Verdad? Ya hemos creado todas las pantallas de nuestra aplicación, al menos las pantallas principales.
De nuevo te animo a que pongas un diseño bonito, establece un tipo de letra, un color, y un fondo para toda la aplicación.
Observemos también como hemos usado un objeto de la clase WKWebView para mostrar el vídeo formativo, de cada lección, en clases posteriores usaremos este objeto para mostrar un vídeo alojado en la plataforma de videos Vimeo.
También hemos usado vistas de tabla para mostrar de forma jerarquica los diferentes cursos o módulos de nuestro Membership site, y también las clases de estos cursos o módulos, de igual forma en clases posteriores veremos como implementar estas vistas de tabla.
En la siguiente clase vamos a empezar a crear las conexiones de los elementos gráficos de la interfaz con nuestro código en clases de Swift. Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de Membership Apps #1. La App que vamos a crear
- Curso de Membership Apps #2. Crear el proyecto y primeras pantallas
- Curso de Membership Apps #3. Crear el resto de pantallas de la App
- Curso de Membership Apps #4. Comenzamos a crear clases y conexiones
- Curso de Membership Apps #5. Conociendo el backend
- Curso de Membership Apps #6. Modelos de datos y configuración de WordPress
- Curso de Membership Apps #7. La capa de conexión
- Curso de Membership Apps #8. Servicios REST, implementamos nuestras llamadas
- Curso de Membership Apps #9. Casos de uso y lógica de presentación
- Curso de Membership Apps #10. Mostrar el contenido en la aplicación y ajustes finales