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.
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
(Bloqueado)
Utilizando el elemento Spacer()3 min 35 s
-
(Bloqueado)
Cómo formatear un texto dentro de un Text()5 min 17 s
-
(Bloqueado)
Cómo añadir una imagen diferente según el esquema de color (dark/light)3 min 40 s
-
Cómo adaptar el tamaño de una imagen en SwiftUI4 min 22 s
-
(Bloqueado)
Cómo cargar una imagen de una URL1 min 56 s
-
(Bloqueado)
Cómo añadir una lista de elementos4 min 2 s
-
(Bloqueado)
Cómo extraer una vista para refactorizar código1 min 42 s
-
(Bloqueado)
Cómo hacer vistas que reciban parámetros2 min 7 s
-
(Bloqueado)
Añadir padding a un elemento2 min 15 s
-
(Bloqueado)
Formas disponibles en SwiftUI3 min 22 s
-
(Bloqueado)
Cómo añadir y usar los colores5 min 9 s
-
(Bloqueado)
Atención al orden de los modificadores3 min 49 s
-
(Bloqueado)
Cambiar el estado de una vista usando un botón1 min 59 s
-
(Bloqueado)
Cómo crear un botón con estilo, texto e icono2 min 23 s
-
Qué es una propiedad @Binding en SwiftUI3 min 35 s
-
(Bloqueado)
Cómo poblar una lista por categorías3 min 38 s
-
(Bloqueado)
Cómo crear una lista con varias columnas4 min 40 s
-
(Bloqueado)
Cómo crear visualmente una tabla para que se visualice en iPhone4 min 11 s
-
(Bloqueado)
Usando los gestos en SwiftUI6 min 18 s
-
(Bloqueado)
¿Y sí hay un cambio en los datos de un modelo?4 min 48 s
-
(Bloqueado)
Datos compartidos entre vistas con @EnvironmentObject5 min 38 s
-
(Bloqueado)
@Environment vs @EnvironmentObject4 min 25 s
-
(Bloqueado)
Cómo mostrar un texto junto a un icono gracias al elemento Label3 min 24 s
-
Cómo crear un interruptor switch3 min 57 s
-
(Bloqueado)
Cómo crear un estilo propio para un botón3 min
-
(Bloqueado)
Usar un picker y acceder al valor seleccionado6 min 21 s
-
(Bloqueado)
Cómo hacer un picker de fechas en SwiftUI4 min 10 s
-
(Bloqueado)
Contraseñas con campos de texto seguros2 min 2 s
-
(Bloqueado)
Un campo de texto que solo reciba números6 min 26 s
-
(Bloqueado)
Añadir los mismos modificadores a un grupo de elementos2 min 36 s
-
(Bloqueado)