“Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas...

26
“Creación del Hola Mundo” Rogelio Ferreira Escutia

Transcript of “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas...

Page 1: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

“Creación del Hola Mundo”

Rogelio Ferreira Escutia

Page 2: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

2

Arranque

Ejecutar xCode:

Page 3: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

3

Pantalla inicial

Iniciamos un nuevo proyecto:– Create a new Xcode project

Page 4: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

4

Tipo de proyecto Seleccionar “IOS Application” y luego:– Single View Application

Page 5: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

5

Nombre del Proyecto Nombre de Aplicación: hola_mundo Organization Identifier: Instituto Tecnológico de

Morelia Language: Swift – Devices: iPhone

Page 6: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

6

Ubicación del Proyecto Seleccionar la ubicación del Proyecto:

Page 7: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

7

Page 8: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

8

Toolbar

Page 9: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

9

Navegador de archivos del Proyecto

Page 10: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

10

Carpetas del Proyecto

hola_mundo: Carpeta del código.– ViewController.swift: Control de la interfaz– Main.storyboard: elementos de la interfaz de

usuario. Supporting Files: Información sobre el proyecto. hola_mundoTests: Pruebas unitarias. Products: Aquí se encuentra el producto final del

proyecto.

Page 11: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

11

ViewController.swift

Page 12: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

12

Main.storyboard

Page 13: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

13

Main.storyboard

Page 14: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

14

Document Outline

Page 15: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

15

Library

Page 16: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

16

Agregar una etiqueta a la vista

Page 17: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

17

Libreria de Objetos

Page 18: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

18

Objeto “Table View”

Page 19: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

19

Objeto “Table View”

Page 20: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

20

Objeto “Label”

Page 21: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

21

Editar objeto “Label”

Page 22: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

22

Seleccionar Target (dispositivo)

Page 23: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

23

Seleccionar Target (dispositivo)

Page 24: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

24

Ejecución de la Aplicación

Page 25: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

25

Ejecución de la Aplicación

Page 26: “Creación del Hola Mundo”sagitario.itmorelia.edu.mx/~rogelio/ios_hola_mundo.pdf · 10 Carpetas del Proyecto hola_mundo: Carpeta del código. – ViewController.swift: Control

26

Rogelio Ferreira Escutia

Instituto Tecnológico de MoreliaDepartamento de Sistemas y Computación

Correo: [email protected] [email protected]

Página Web: http://sagitario.itmorelia.edu.mx/~rogelio/http://www.xumarhu.net/

Twitter: http://twitter.com/rogeplusFacebook: http://www.facebook.com/groups/xumarhu.net/