En la quinta clase del curso de SwiftUI vamos a aprender a crear una pantalla de ajustes, que podría ser una pantalla de ajustes de una aplicación real.
Espero que estéis disfrutando del curso de SwiftUI, una vez que ya conocemos cómo trabajar con texto e imágenes, que conocemos los modificadores, y que ya nos hemos “pegado” con el código por un buen rato, vamos a seguir con cosas un poco más de uso real en Apps.
Para ello vamos a usar campos de texto, etiquetas, y un objeto que os va a resultar muy familiar si ya habéis desarrollado Apps con Swift y UIKit. ¿Recordáis el objeto UISwitch?
Se trata de un objeto que permite seleccionar un valor de on/off, generalmente se usa en pantallas que representan un menú de ajustes, al pulsarlo, el objeto se enciende o se apaga dependiendo de su estado.
Lo mejor será que empecemos con la clase, y veamos como construir nuestra primera pantalla que podría ser usada en una aplicación real con SwiftUI. ¡A por ello!
Fantástico, ¿no es cierto? Hemos creado una pantalla de ajustes casi sin despeinarnos. Creando campos de texto con el objeto TextField, cambiando la ubicación del contenedor de vista con el modificador "frame", además hemos usado el objeto Toggle.
Cómo ya hemos visto en el video de la lección, es importante que aprendamos a usar las propiedades @State, estas propiedades almacenan un determinado estado, y es SwiftUI quien gestiona el mismo, de esta forma, podemos abstraernos en cierto modo de comprobar el estado del objeto antes de usarlo.
En SwiftUI tenemos este objeto, pero hay dos cosas completamente diferentes, una de estas diferencias es que ya no se llama UISwitch, ahora se llama Toggle. Además ahora ya no tenemos que tener en cuenta el estado del objeto, el propio objeto Toggle es consciente de su estado y se apaga y se enciende sin que nosotros tengamos que comprobar su estado.
Hay otra forma de crear la interfaz que hemos creado, y sería usando la estructura Form, que permite crear formularios de una forma casi mágica, simplemente habría que añadir esta palabra reservada y "embeder" todo el código entre llaves.
¡Te animo a que descubras cómo usar esta característica y crear tu propio formulario! Os propongo crear la misma interfaz que hemos creado en la clase, pero usando Form. Por el momento, os dejo el enlace a la documentación oficial de Apple para crear formularios.
Os dejo como tarea el uso e implementación de formularios. ¡Vamos valientes! :-) ¡Nos vemos, en la próxima clase! ¡Hasta luego!
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