En la cuarta clase del curso de SwiftUI vamos a aprender a trabajar con imágenes. Veremos cómo poner una imagen en nuestras vistas, como usar overlay, y cornerRadius.
Veremos modificadores como resizable, y cómo escalar las imágenes para que se muestren correctamente en nuestra aplicación. Además, veremos cómo cambiar el color de fondo de una vista, y de esta forma aprenderemos a sortear las limitaciones del denominado “área de seguridad” de la vista principal.
Lo mejor será que empecemos con la clase de hoy, y podamos ver realmente cómo se trabajan las imágenes en SwiftUI. ¡Empecemos!
Bien, hemos visto que trabajar con imágenes en SwiftUI es casi cosa de niños: Cómo añadir una sombra, un borde, o crear una imagen redonda es muy fácil.
Como veis, en SwiftUI ya no vamos a usar el objeto de la clase UIImage que tanto hemos usado con Swift y UIKit, en su lugar tenemos un objeto denominado Image. Se trata de una estructura, que por medio de sus modificaciones vamos a poder moldear a nuestro antojo.
Hemos conocido la potencia de los overlay, y de esta forma poder poner texto sobre una imagen, o añadir un borde. Preparaos, porque en la próxima clase descubriremos una de las cosas que más vamos a usar creando aplicaciones con SwiftUI, y son las propiedades @State. Además crearemos una pantalla ya más encaminada a una aplicación real, con campos de texto, etiquetas, y un objeto que es un viejo conocido en Swift y UIKit.
Si tenéis cualquier duda con el curso podéis poneros en contacto con nosotros en el soporte de la Intranet, donde estaremos encantados de resolver vuestras dudas. 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