En la tercera clase del curso de SwiftUI vamos a aprender como usar ContainerView, modificadores, objetos de texto, separadores y contenedores de vista.
Es importante que conozcamos que un contenedor de vista puede contener otros contenedores de vista dentro de sí mismo, y es de esta forma como nosotros vamos a construir nuestras interfaces, creando contenedores de vista verticales y horizontales.
Además, seguiremos trabajando con modificadores, estas pequeñas herramientas que nos permiten configurar a nuestro gusto todos los objetos que usamos en nuestras vistas.
En esta clase crearemos la pantalla de selección de curso, también crearemos la pantalla de selección de una de las clases del curso seleccionado, por último crearemos la pantalla de esa lección que se ha seleccionado. Vamos a ver el video y luego comentamos.
Genial ¿Verdad? Hemos configurado una vista compleja usando diferentes contenedores de vista anidando unos dentro de otros. Realmente es la forma en cómo vamos a construir nuestras vistas toda vez que ya no podemos hacer uso de las anclas que nos otorgaban las Autolayout.
Se trata una forma de crear vistas muy parecida al desarrollo Web, o a crear una vista en Android con "linearlayout", también es muy similar a crear pantallas para el Apple Watch con watchOS.
Esto que puede resultar poco flexible al principio, no lo es cuando "reseteas" la forma en cómo estábamos desarrollando Apps con Swift y UIKit, y aceptamos que anidando contenedores de vista verticales y horizontales, tenemos toda la flexibilidad para crear nuestras pantallas.
En la clase también hemos visto de que forma tan sencilla podemos hacer uso de las imágenes del sistema. Apple nos proporciona toda una librería de imágenes a través de SF Symbols, con SF Symbols añadir una imagen de sistema a nuestra vista, será tan sencillo como llamarla por su nombre en el código.
En la siguiente clase ahondaremos más sobre las imágenes con SF Symbols y con las imágenes en general. Como siempre recordaros que si tenéis cualquier duda podéis poneros en contacto con nosotros a través del soporte de la intranet. ¡Nos vemos en la siguiente lección!
Todos los capítulos de este curso:
- Curso de SwiftUI #1. Introducción
- Curso de SwiftUI #2. Descubriendo VStack
- Curso de SwiftUI #3. ContainerView
- Curso de SwiftUI #4. Imágenes, color de fondo, y modificadores
- Curso de SwiftUI #5. Toggle y pantalla de ajustes
- Curso de SwiftUI #6. Vista de tabla o List y SF Symbols
- Curso de SwiftUI #7. PickerView
- Curso de SwiftUI #8. Controlador de barra de pestañas: TabView
- Curso de SwiftUI #9. Crear una App de tareas con SwiftUI
- Curso de SwiftUI #10. Consumiendo un JSON con SwiftUI