Del curso: Domina SwiftUI

Cómo crear un interruptor switch - Tutorial de SwiftUI

Del curso: Domina SwiftUI

Cómo crear un interruptor switch

El elemento Toggle en SwiftUI es una vista que representa un interruptor con dos estados, activado o desactivado. Vamos a crear, en primer lugar, una propiedad State que va a ser activado, va a ser de tipo Bool y vamos a tener un valor por defecto true. Creamos nuestro elemento, le ponemos nuestro título, que va a ser «Activar función» y le pasamos activado con el símbolo del dólar, ya que es una propiedad con enlace bidireccional, Binding. Con un if, vamos a hacer if activado, voy a mostrar un texto por pantalla, «La función está activada» y, en caso contrario, decimos «La función no está activada». Vamos a darle a nuestro interruptor y ver que cambia el texto. Una funcionalidad interesante es poder cambiar todos los valores de una propiedad booleana en una lista de un tipo custom. Imagina que estamos en la aplicación de una biblioteca. Tenemos este struct Libro, que tiene id, titulo y si está alquilado o no. Vamos a hacer una variable State que va a ser los librosRecomendados. Es decir, va a ser un array de libros que tu biblioteca de confianza te recomienda. Vamos a crear «Roma soy yo», alquilado: false. Vamos a cambiar, también nos recomienda «Violeta» y también nos recomienda «El libro negro de las horas». Voy a añadir un elemento Divider para dividir lo que hemos hecho antes y vamos a hacer una lista de los libros recomendados. Vamos a usar el símbolo dólar y hacemos $libro in y voy a crear un interruptor para cada uno. Su título va a ser el título del libro y en la propiedad isOn irá su propiedad alquilado; hacemos $libro.alquilado. Voy a añadirle una altura máxima para que se vea un poco mejor de «200» y así tenemos sitio para el interruptor de arriba y, por como es nuestro ejemplo, queremos un interruptor que los alquile todos. Vamos a hacer Toggle. Usamos título, va a ser «Alquilar todos»; sources será nuestros $librosRecomendados con el símbolo dólar porque vamos a realizar cambios. Y ¿dónde vamos a hacer el cambio? En su propiedad alquilado. Vamos a hacer un poquito de zoom en la preview y ahora podemos elegir qué libro alquilar o podemos alquilarlos todos con el interruptor de abajo.

Contenido