III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una...
Transcript of III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una...
![Page 1: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/1.jpg)
III. Una aplicación Hello World!
![Page 2: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/2.jpg)
• La primera aplicación iOS en Swift es muy simple y sólo muestra un botón “Hello World”.
• Cuando el usuario presiona el botón, la aplicación muestra un mensaje. Eso es todo.
Una aplicación Hello World
![Page 3: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/3.jpg)
Una aplicación Hello World
• Primero debemos poner en ejecución Xcode y en el diálogo de bienvenida, elegimos la opción “Create a new Xcode project”.
![Page 4: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/4.jpg)
• Xcode muestra varias plantillas de proyecto. Para este ejemplo, elegimos la opción “Single View Application”.
Una aplicación Hello World
![Page 5: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/5.jpg)
• En la pantalla siguiente se debe llenar toda la información necesaria para el proyecto.
Una aplicación Hello World
![Page 6: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/6.jpg)
• Por último (para la creación del proyecto) Xcode pregunta donde se desea guardar el proyecto.
Una aplicación Hello World
![Page 7: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/7.jpg)
Una aplicación Hello World• Xcode creará automáticamente el proyecto “Hello World”.
![Page 8: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/8.jpg)
Una aplicación Hello World• Es necesario familiarizarse con Xcode.
![Page 9: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/9.jpg)
Una aplicación Hello World• Es necesario familiarizarse con Xcode.
![Page 10: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/10.jpg)
Una aplicación Hello World
• Es necesario familiarizarse con Xcode.
![Page 11: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/11.jpg)
Una aplicación Hello World
• Para ejecutar la aplicación.
![Page 12: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/12.jpg)
Una aplicación Hello World
• Para ejecutar la aplicación.
![Page 13: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/13.jpg)
Una aplicación Hello World
• Diseño de la IU utilizando Storyboard.
![Page 14: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/14.jpg)
Una aplicación Hello World
• Deshabilitando las clases de tamaño.
![Page 15: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/15.jpg)
Una aplicación Hello World
• Deshabilitando las clases de tamaño.
![Page 16: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/16.jpg)
Una aplicación Hello World
• Agregando un botón a la vista.
![Page 17: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/17.jpg)
Una aplicación Hello World
• Cambiando el nombre de la etiqueta del botón.
![Page 18: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/18.jpg)
Una aplicación Hello World
• Ejecución de la aplicación.
![Page 19: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/19.jpg)
Una aplicación Hello World
• Debemos agregar el siguiente código en el archivo ViewController.swift.
![Page 20: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/20.jpg)
Una aplicación Hello World
• Así debe lucir el archivo.
![Page 21: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/21.jpg)
Una aplicación Hello World
• Conectando la IU con el código.
![Page 22: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/22.jpg)
Una aplicación Hello World
• Ejecución de la aplicación.
![Page 23: III. Una aplicación Hello World!fcqi.tij.uabc.mx/usuarios/glicea/documents/hello.pdf · Una aplicación Hello World • Primero debemos poner en ejecución Xcode y en el diálogo](https://reader035.fdocuments.ec/reader035/viewer/2022071101/5fd9dd8e5ce1fa6dac151cec/html5/thumbnails/23.jpg)
Una aplicación Hello World
• Cambiando el color al botón.