23
III. Una aplicación Hello World!

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

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

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

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

• 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

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

• 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

• 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

• 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Una aplicación Hello World

• Cambiando el color al botón.