Hola, mi nombre es YJ!
Estamos aquí para aprender a crear aplicaciones con Swift Playgrounds
utilizando el marco SwiftUI. Swift Playgrounds es una aplicación creada por Apple
que es completamente gratuita, puedes obtenerla en la App Store para iPad y lo que te permite hacer
es crear versiones completas de aplicaciones de iOS, completamente en tu iPad.
Eso es con la última versión de Swift Playgrounds 4 ahora mismo en diciembre de 2021.
Acaba de salir y estamos muy emocionados de mostrarte cómo crear aplicaciones con él. ¡
Entonces empecemos! Asegúrate de tener la última versión de Swift Playgrounds en tu
iPad y podrás ver esto en mi pantalla ahora mismo…
Lo que voy a hacer es tocar el
botón de nueva aplicación en la esquina inferior izquierda. Así que aquí vamos a tocar el botón Agregar nuevo y se
creará una nueva aplicación, ¡guau! Y tengo un lindo gato, es posible que obtengas un
ícono diferente lo cual está perfectamente bien, pero lo que quiero hacer primero es cambiar el nombre de esta aplicación.
Así que voy a tocarlo y mantenerlo presionado.
Como puedes ver, estoy usando un trackpad con mi iPad. Si estás
usando solo la pantalla del iPad, está perfectamente bien, pero te recomiendo encarecidamente que obtengas un
teclado externo. cuando estés codificando en tu iPad, de lo contrario, el teclado
ocupará la mitad de la pantalla y no podrás ver mucho y estarás muy triste 🙁
Así que volvamos a lo que estamos haciendo, Me gustaría que cambies el nombre de esta aplicación aquí mismo a "Tarjeta de presentación".
Entonces, ¿qué vamos a hacer con esta Tarjeta de presentación? En realidad, vamos a crear
una aplicación muy sencilla para demostrar cómo distribuir las cosas en Swift Playgrounds.
Vamos a agregar pilas, vamos a agregar imágenes, vamos a agregar
etiquetas y vamos a agregar botones. Es solo una pequeña aplicación muy rápida
para mostrar una foto tuya. su nombre, un pequeño eslogan y también algunos
botones que enlazarán a sitios externos.
Será bastante simple, pero
aprenderá bastante sobre cómo utilizar Swift Playgrounds y cómo diseñar las cosas en SwiftUI.
Entonces, aquí vamos, Tarjeta de presentación, podemos cambiar el ícono y el color más adelante, pero solo toca Listo. ¡
Excelente! Tarjeta de presentación, toquemos esto. Esta es la
interfaz de usuario de Swift Playgrounds. Como puedes ver, hay
muchas secciones diferentes. Permítanme mencionar algo aquí, antes de
pasar a las diapositivas, y les mostraré cómo se ven todas estas secciones diferentes.
En la parte superior, tiene una barra de herramientas, y aquí es donde hay varios botones para
presionar correctamente, siéntase libre de presionar los botones. En el medio, puedes ver el
editor, aquí es donde escribes el código. En la parte inferior izquierda, tienes una consola a la derecha,
veremos esto en el futuro, realmente no la usaremos hoy y, a la derecha,
tienes una vista previa donde puedes echar un vistazo a cómo se ve tu aplicación.
Tu codificas.
La vista previa es bastante sorprendente porque lo que sucede es que cuando codificas, se actualiza por
sí solo y ni siquiera necesitas ejecutar nada estará actualizado.
Entonces, volviendo a mi código aquí, voy a ocultar la consola y
comenzaré mostrándoles lo que hay en la barra de herramientas. Ampliemos la barra de herramientas y podrá ver
aquí, justo a la izquierda hay un botón para cerrar proyecto. Pulsa el botón para cerrar tu
proyecto y regresar a tus otras áreas de juego. Hay un botón Mostrar barra lateral, que
tocaré y te mostraré después, ¡ y el botón Ejecutar realmente interesante! Bien,
lo que te hace correr. No, ejecuta tu aplicación, ejecuta tu aplicación, eso es exactamente lo que hace.
Hay una biblioteca de objetos, en la que puedes explorar a través de una lista de diferentes
vistas, íconos y colores. Hay un botón de tres puntos, es un
menú adicional, donde puedes ver las diferentes preferencias, obtener ayuda y todo tipo de
cosas divertidas.
Más allá de eso, en la pantalla de vista previa de la aplicación, hay una manera de hacer que la vista previa se extienda a la
pantalla completa y, en el lado derecho, puedes cerrar las vistas previas si ya no quieres
mirar tu aplicación y Solo quiero mirar tu código y estar muy enojado con tu código,
cierto, esto te sucederá de vez en cuando. Así que volvamos a mi iPad y
probemos los diferentes botones. Primero a la izquierda, ¡tengo un
botón de cerrar! Veamos qué hace eso. Eso cerró mi aplicación, no debería
haberme sorprendido mucho. Voy a abrirlo de nuevo, al lado está
el botón de la barra lateral, y la barra lateral en realidad te muestra un montón de cosas.
Terminaremos con esto en un momento, pero por ahora, si quieres cerrarlo,
Puede tocar el botón de la barra lateral nuevamente. Si eres como yo, podrías pensar que
el botón de cerrar cierra la barra lateral, no, no lo presiones accidentalmente para cerrar la barra lateral,
presiona el botón de la barra lateral para cerrar la barra lateral.
También está el botón Ejecutar aquí mismo,
el botón Ejecutar ejecutará su aplicación, que no es exactamente lo mismo que el botón de vista previa,
que está completamente en el lado derecho. Toquemos el botón de vista previa
para recuperar las vistas previas. El botón más te permitirá introducir un
montón de cosas en tu código, así que veremos esto más adelante, pero por ahora, si estás
interesado, puedes tocar cada uno de ellos para ver todos los diferentes elementos de usuario de iOS. que
puedes incorporar, así como un montón de íconos divertidos. ¡ Iconos divertidos! ¡Tantos íconos divertidos! ¡
Uuuuuu! ¡Desplázate, desplázate, desplázate, pequeño! Y finalmente algunos colores, ya
sabes, los colores son bonitos.
Hay un menú adicional aquí,
donde puedes buscar cosas como ayuda, documentación, ajustar el tamaño de fuente y varias
otras opciones en las que no entraremos ahora. En la vista previa de la aplicación, puedes hacerla en
pantalla completa, puedes hacer que tu aplicación sea tan grande como tu iPad. Si quieres volver, puedes tocar esto.
Finalmente, el botón Ejecutar iniciará su aplicación y se comportará
como una aplicación real por sí sola, y si alguna vez desea regresar, puede tocar este pequeño
botón Swift de aquí y tocar Detener.
. Probablemente no necesitemos ejecutar nuestra aplicación
con mucha frecuencia porque la vista previa es prácticamente lo que necesitamos para todo este proyecto,
así que dejémoslo así y continuaremos con lo que vamos a hacer a continuación.
Entonces, lo que vamos a hacer a continuación es configurar nuestra aplicación un poco
mejor, incluso antes de comenzar a escribir cualquier código, así que tengan paciencia, sé que he hablado
mucho, pero no.
Aún no has escrito ningún código. Toca el botón de la barra lateral y
cambiemos ligeramente la configuración de nuestra aplicación. Observe que el nombre de la aplicación aquí dice "Mi
aplicación", lo cual es un poco molesto porque pensé que simplemente la habíamos cambiado a "Tarjeta de presentación", cierto, pero
no, cambiamos la etiqueta a "Tarjeta de presentación". Muy bien, la diferencia entre esto es que
puedes tener un proyecto al que llamas "Mi proyecto favorito", pero cuando lo lanzas al
mundo, quieres llamarlo de otra manera, como… eh… algún nombre de aplicación que suene fantástico como yo.
No lo
sé, Meta, o no tengo idea, no puedo nombrar aplicaciones. Por ahora. está perfectamente bien cambiar
esto también a Tarjeta de presentación, Tarjeta de presentación. Haga clic en Listo, aquí, puede
cambiar el color de acento, el color de acento es el color que
servirá como color de resaltado para toda su aplicación y puede cambiar el ícono de su aplicación a uno de los
muchos íconos de aplicaciones preestablecidos que Apple ha proporcionado.
Sin embargo, no vamos a hacer que
tu cara se convierta en una aplicación, porque puedes ser una aplicación, para eso estás aquí, ¡
estás aquí para convertirte en una aplicación! No, estás aquí para convertirte en desarrollador de aplicaciones, pero estás bastante cerca.
Vayamos a tocar Personalizado y veamos qué pasa. A continuación, también puedes importar fotos, pero
no me he tomado una buena selfie últimamente, así que déjame hacerlo, déjame tomar la aplicación de mi cámara
y aquí tienes, esa es mi aplicación de cámara.
Giremos la cámara, porque
ahora mismo este es mi iPad apuntando a su cubierta, así que eso no es genial. Bien, allá vamos, está bien.
Espera, si hago esto ¿cómo voy a presionar, cómo voy a tomar la foto?
Tal vez miro lo suficiente. ¡ Ah! ¡Funcionó! Muy bien, se tomó la foto, ¡
increíble! Los iPads son realmente sorprendentes hoy en día. Entonces, lo que voy a hacer a continuación es
importar esta foto. ¡ Y presione listo! ¡Hermoso!
Ahora tengo mi cara como ícono de una aplicación. Eso es todo por esta lección.
Si desea
obtener más información, puede visitar los sitios web aquí, el sitio web de nuestra empresa y el sitio web de SwiftInSG. Y nos vemos pronto en nuestro
próximo vídeo. ¡Pronto! ¡Ese soy yo!.