Si no está ya en tu dispositivo, descarga la aplicación gratuita Swift Playgrounds.

Cuando abras Swift Playgrounds, irás directamente a la página de Nuevo Playground. Si has abierto la aplicación antes, verás tus archivos anteriores de Playgrounds aquí. Si no, la pantalla estará casi vacía. En cualquier caso, hay un panel en la parte inferior de la pantalla con el título Otros Playgrounds. Toca el botón azul «Ver todo» en el extremo derecho de este panel, y el panel debería expandirse para mostrar los tutoriales de Swift que Apple proporciona. Desplázate hacia abajo hasta la fila de Puntos de partida, y toca el botón azul «Ver todo» para eso.

Ahora deberías ser capaz de ver todos los proyectos de ejemplo que Apple proporciona, aunque no hay un ejemplo para SwiftUI en el momento en que estoy escribiendo esto.

Tienes dos opciones que funcionarán como puntos de partida para este tutorial. Blank creará un nuevo archivo .playgroundbook que puede ser abierto en Swift Playgrounds en un iPad, pero no puede ser abierto por Xcode en un Mac. Si usted está bien con el uso de su iPad de forma independiente, este es probablemente el formato para usted. Si te ves transfiriendo a Xcode, aquí es donde entra el punto de partida llamado Xcode Playground. Esto utiliza el mismo .playground tipo de archivo que utiliza Xcode, dándole la capacidad de editar el mismo archivo en ambos dispositivos.

Swift Playgrounds parece almacenar sus documentos en iCloud por defecto, por lo que es fácil ver cómo se podría acceder al mismo archivo desde cualquier dispositivo sin tener que enviar por correo electrónico o AirDrop a ti mismo cada vez. La página de New Playground de la aplicación tiene un botón azul de Ubicaciones en la parte superior izquierda que te permite navegar usando la aplicación de Archivos, permitiéndote acceder a otros proveedores de la nube, como Dropbox, Google Drive y Microsoft OneDrive, también.

Además, si sólo quieres aprender SwiftUI en una caja de arena segura en tu iPad, esto no te importará tanto.

Es posible escribir SwiftUI en Playgrounds sin una ventana de vista previa. Para ello, sólo tienes que importar SwiftUI y crear una estructura que se ajuste al protocolo View, con la variable body requerida que devuelva ‘some View’. Playgrounds tiene algún tipo de finalización de código y puede ayudarte a corregir tu SwiftUI con correcciones automáticas de errores comunes. Pero el verdadero poder de SwiftUI en Xcode es la capacidad de ver una vista previa en vivo de lo que estás creando, por lo que necesitamos dos líneas más para hacer que eso suceda en el iPad.

La importación de PlaygroundSupport te da acceso a PlaygroundPage, que permite la configuración de tu entorno de codificación en el iPad. Sólo una página de Playground está activa en un momento dado, por lo que esta instancia estática es accesible a través de PlaygroundPage.current. Esto nos da la posibilidad de configurar la vista en vivo, que se ejecuta continuamente en el iPad, en el ContentView que hemos creado anteriormente.

Ahora deberías poder pulsar el botón ‘Ejecutar mi código’ y ver que la aplicación se convierte en una vista dividida. A la izquierda está el código de SwiftUI, y a la derecha debería estar la vista en vivo que muestra «SwiftUI en el iPad» en texto en negrita en el centro. Ahora estás listo para construir tu interfaz de usuario, que hará uso de muchos de los controles que vienen con SwiftUI.

En primer lugar, tendremos que utilizar las variables State, que básicamente almacenan datos localmente en la estructura de SwiftUI y redibujan el View cada vez que sus valores cambian.

Añade estas dentro de los corchetes de la estructura ContentView pero antes de la declaración de la propiedad body. Esto es todo lo que necesitaremos para almacenar el estado de todos nuestros controles.