====== StoryBoard con Swift ====== En Screenlane.com tenemos ejemplos de interfaces. Se recomienda crear una carpeta llamada View y guardar en ella los archivos LaunchScreen.storyboard y Main.storyboard {{ :swift:captura_de_pantalla_2023-11-08_a_las_15.44.40_3.png |}} Para los iconos hay que descargar FS Symbols: https://developer.apple.com/sf-symbols/ Como diseñar para varias interfaces Utilizamos el botón align -> new constraint y luego Add New Constraints. CollectionView es un contenedor de fotos. ===== Definir vista Principal ===== Para definir la vista principal simplemente tenemos que mover la flechita hasta la que queramos que sea la principal. {{ :swift:captura_de_pantalla_2023-11-15_a_las_17.45.55.png |}} ===== Gamut ===== Indica como de representativa es una tecnolgía de pantalla. (Calidad de la representación de colores). {{ :swift:captura_de_pantalla_2023-11-22_a_las_15.39.12.png |}} ===== StackView ===== Son una apilación de elementos. Se puede utilizar con SwiftUI. Por ejemplo, tenemos los Stack, que nos permiten colocar mejor los elementos unos encima de otros. Se puede añadir primero el stackView y luego arrastrar a este los elementos. En el stackview podemos indicar la separación que habrá entre elementos. El StackView pude ser Horizontal para colocar a lo ancho y vertical a lo alto. {{ :swift:captura_de_pantalla_2023-11-22_a_las_15.44.14.png |}} ===== Constraints ===== Para poner cierto tipo de restricciones de ubicación a los diferentes elementos de la app podemos utilizar lo siguiente: {{ :swift:captura_de_pantalla_2023-11-22_a_las_15.51.10.png |}} ===== Añadir Otra Pantalla ===== Para añadir otra pantalla arrastraremos y soltaremos un ViewController. {{ :swift:captura_de_pantalla_2023-11-22_a_las_17.23.43.png |}} ===== Cambiar de una pantalla a otra ===== Para cambiar de una pantalla a otra pulsamos en el botón que queramos que lleve a la nueva pantalla manteniendo control presionado y arrastramos hasta la pantalla a la que queramos redirigir, entonces nos aparecerá un pequeño menú: {{ :swift:captura_de_pantalla_2023-11-22_a_las_17.31.12.png |}} Las diferentes opciones que hay indican como será el comportamiento y animaciones a la hora de cambiar de una pantalla a otra: * Show * Show Detail * Present Modally: tiene varias opciones: * Presentation: * Full Screen: no deja volver a la pantalla anterior * Automatic: no cubre toda la pantalla y permite regresar * Transition: Efectos de animación a la hora de cambiar de pantalla * Present as PopOver: Nos permite tener una ventana más pequeña que se comporte como un bocadillo debajo del botón ===== Alert ===== Se trata de una pequeña ventana flotante con un título, descripción y uno o más botones, los hay flotantes y que salen de abajo a arriba. Este código varía en función de la versión de Swift que estemos utilizando. {{ :swift:imagen_2023-11-22_174415.png |}}