tutorial crear una app con ios
TRANSCRIPT
![Page 2: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/2.jpg)
Mockup de la appLa idea es realizar un app que almacene frases por los usuarios y estos puedan ver sus comentarios anteriores.
![Page 3: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/3.jpg)
Paso 1: Elegir el tipo de proyectoSe debe colocar la opción de iOS de tipo Single View Application.
![Page 4: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/4.jpg)
Paso 2: Especificar el tipo de AppColocar un nombre la organización el identificador y el tipo de lenguaje (en este caso swift).
![Page 5: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/5.jpg)
Paso 3: Arrastrar elementosCon xCode arrastrar los elementos que se indican en la figura.
Label
Buttons
Text
Button
![Page 6: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/6.jpg)
Paso 4: Agregar Constraints al LabelCon el boton secundorio (Ctrl + click) seleccionar el label con el fondo de la app y colocar “center Horizontally in Container”, luego colocar las características que salen en la figura 2, es decir darle un margen superior de 70 pixeles.
![Page 7: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/7.jpg)
Paso 5: Agregar Constraints a botones Up y DownA cada uno de los botones se le debe colocar un vertical spacing con respecto al label anterior (Ctrl + click encima del label) y realizar una separación de 40 pixeles entre los botones. Como ultimo paso, se deben centrar los botones con respecto al fondo de la app y actualizar los constraints.
![Page 8: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/8.jpg)
Paso 6: Agregar Constraints al textCentrar el texto con respecto al fondo y colocar un margen de 58 pixeles junto con su width y height respectivo (tal como indica la figura).
![Page 9: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/9.jpg)
Paso 7: Agregar Constrints al botón WriteCentrarlo con respecto al fondo y colocar una separación de 119 pixeles.
![Page 10: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/10.jpg)
Paso 8: Modelo -> Creación de la clase FraseEn file->New File crear un archivo .swift con los siguientes códigos, los cuales corresponderían a la clase frase que se desea guardar
![Page 11: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/11.jpg)
Paso 9: Modelo -> Creación clase PhraseStorageDe la misma manera crear la clase que almacenara todas las frases
![Page 12: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/12.jpg)
Paso 10: Controlador-> Agregar los OutletsSeleccionar el icono de los dos aros y luego con el label y el text con Ctrl arrastralo en alguna parte del ViewController.swift para que se tenga conexión del label y el text con el controlador.
![Page 13: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/13.jpg)
Paso 11: Controlador -> Agregar los IBActionsDe la misma forma de los outlets, agregar los botones que interaccionarán con la app.
![Page 14: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/14.jpg)
Paso 12: Controlador-> Creación del Storage e interacción con el botón Write
![Page 15: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/15.jpg)
Paso 13: Implementación de boton Up y Down
![Page 16: Tutorial crear una app con ios](https://reader036.vdocuments.site/reader036/viewer/2022062503/588191c91a28ab0d358b5a3f/html5/thumbnails/16.jpg)
App terminada!Felicitaciones, haz creado tu primera app.