Knoppia

Wiki de Informática y otras historias

Herramientas de usuario

Herramientas del sitio


swift:storyboard

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

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.

Gamut

Indica como de representativa es una tecnolgía de pantalla. (Calidad de la representación de colores).

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.

Constraints

Para poner cierto tipo de restricciones de ubicación a los diferentes elementos de la app podemos utilizar lo siguiente:

Añadir Otra Pantalla

Para añadir otra pantalla arrastraremos y soltaremos un ViewController.

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ú: 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/storyboard.txt · Última modificación: 2023/11/22 16:44 por thejuanvisu