Primera Aplicacion en XCODE (Tutorial)
Melany Aimee Perez Olivares 6 BMP
- Primero se abre XCODE, se selecciona el tipo de proyecto que se va a crear (una aplicación iOS de una sola vista).
- Te lleva a la pantalla inicial, donde posteriormente se pueden añadir mas vistas si es necesario.
- Se selecciona un nombre al proyecto, que sea solo para iPhone, se crea el programa y esta listo para empezar.
- Se define la interfaz de las diferentes pantallas de la aplicación usando el archivo Main.Storyboard que se crea por defecto en cada aplicación. También se define el flujo que habrá entre ellas.
- Para los componentes, se pueden tomar de la biblioteca, podríamos arrastrar las pantallas de nuestra aplicación y algunas vistas.
- A las vistas se les puede cambiar de color al acceder a sus propiedades.
- Se puede agregar un label, que es una etiqueta donde se puede poner texto.
- Al agregar mas elementos, a la izquierda, se puede ver la jerarquía de elementos que estamos creando.
- Tambien se pude añadir un botón.
- Los view controllers tienen un formato cuadrado, lo cual no da mucho sentido, por que los dispositivos iOS no tienen ese formato de pantalla.
- Apple no quiere restringir el interfaz, por eso, esta la herramienta llamada AutoLayout donde se añaden limites o restricciones.
- Para lograr que tenga la altura que queremos, tenemos que seleccionar la vista y darle al boton ping que aparece en la esquina inferior derecha del Storyboard, ahí se seleccionan los constraints que se quieren aplicar.
- Para mantener un label (elemento) centrado, se selecciona y se aplican los constraints correspondientes.
- En cualquier momento podemos consultar como va la aplicación, se divide la pantalla, usando la vista denominada asistente y le decimos que muestre el pre-view.
- Se pueden ver distintas pre-visualizaciones de los distintos dispositivos, al hacerlo, se debe mantener lo que hemos hecho hasta ese momento.
- Para entrar en el editor de código, se debe seleccionar uno de los archivos fuente del explorador (los que tienen el .swift).
- Al empezar el programa ya te dan un código pre-escrito, a medida que vamos escribiendo, el programa nos da sugerencias haciendo mas fácil y con menos errores.
- Para enlazar el interfaz que hemos creado con el código XCODE nos proporciona unas herramientas muy visuales, por ejemplo hacer que el botón nos lleve a otra pantalla. Se crea el componente de navegación que nos permitirá movernos, Finalmente se enlaza el botón con la pantalla a la que queremos que nos lleve, mientras mantenemos apretada la tecla ctrl y le decimos el tipo de transición que queremos.
- Para hacer que el label nos muestre en este caso la fecha, necesitamos enlazar el label con el código.
- Al final para ver nuestra aplicación le diremos a XCODE que compile el código. Para esto tenemos que seleccionar en que tipo de simulador queremos probarla o si la queremos probar en un dispositivo físico que tengamos conectado por USB.
- Dándole a este botón haremos que se compile y se ejecute la aplicación.
- Después probamos nuestra aplicación en el simulador, comprobando que funciona.
