
Vamos a crear el proyecto en Xcode que finalmente se convertirá en una réplica de la calculadora de iOS. Si quieres aprender a descargar, instalar y crear un proyecto desde cero en Xcode, he dejado un enlace a un tutorial en el que lo explico.
Prepararemos el proyecto para dar forma su estructura final.
Explicaré en qué consiste la arquitectura MVC (Modelo-Vista-Controlador) que utilizaremos en nuestra app. Aunque existen otras más avanzadas, esta arquitectura será mas que suficiente para dar soporte nuestras necesidades.
Vamos a crear el controlador de vista principal que se va ejecutar cuando iniciemos nuestra app.
Prepararemos el contenedor de la vista de la calculadora.
Hablaremos de los elementos gráficos que poseerá nuestra calculadora y comenzaremos añadiendo los principales al contenedor de nuestra vista. Trataremos conceptos tan importantes como las Constraints (para colocar elementos en la vista) o los UIStackView (para agrupar componentes visuales de forma ordenada).
Añadiremos los botones de nuestra calculadora, el componente visual principal.
Crearemos una etiqueta para mostrar los resultados de las operaciones de nuestra calculadora.
Daremos color a los elementos visuales de nuestra app para que se parezca a la calculadora de iOS.
Vamos a conectar los elementos gráficos a nuestro controlador de vista para poder trabajar con ellos desde código Swift.
Asociaremos acciones a los botones de nuestra calculadora.
Crearemos modificaciones visuales y efectos para animar componentes de nuestra interfaz gráfica. Si quieres aprender más, he dejado un par de enlaces a mi tutorial sobre extensiones y animaciones en Swift.
Vamos a crear las variables Swift de nuestro proyecto.
Vamos a crear las constantes Swift de nuestro proyecto.
Vamos a crear la funciones Swift que realizarán lógicas como mostrar resultados o calcular totales.
Implementaremos las operaciones matemáticas básicas de la calculadora.
Crearemos la operaciones que desencadenarán los números de la calculadora.
Probaremos el funcionamiento hasta este momento de la calculadora y decidiremos nuevos pasos.
Mejoraremos cómo mostramos por pantalla y cómo trabajaremos internamente con los resultados numéricos.
Haremos nuestras operaciones matemáticas más óptimas.
Aprenderemos a guardar resultados en memoria y a recuperarlos aunque nuestra aplicación no esté operativa. He dejado un enlace un mi tutorial en el que trato este tema en detalle.
Realizaremos pequeñas modificaciones de la interfaz gráfica para que nuestra app se parezca aún más a la calculadora de iOS.
Ejecutaremos nuestra app en un simulador de iPad y realizamos las modificaciones necesarias para que se visualice correctamente.
Añadiremos un icono personalizado para nuestra app. En el enlace puedes ver cómo hacerlo paso a paso. También adjunto el icono que yo he creado por si quieres usarlo.
¡Muchísimas gracias por llegar al final del tutorial! Espero que te resultara muy útil. No dudes en comentarme tus dudas y aportar tus ideas para seguir mejorando nuestra calculadora. Te espera un último vídeo con una sorpresa muy especial.
Muchas gracias por ver este vídeo, espero que te guste la sorpresa.
¿Quieres aprender a crear una app para iOS 12 con Swift 5 desde cero y Xcode 10? ¡Bienvenido/a!
Con este curso de Swift daremos todos los pasos necesarios para programar y crear una app "calculadora" como la de iOS. ¡Y estará disponible para iPhone y iPad!
En este tutorial aprenderás a crear un app desde cero:
Crearemos y configuraremos un proyecto en Xcode.
Hablaremos de la arquitectura y estructuración del proyecto.
Construiremos su interfaz gráfica con Storyboard, XIB y Constraints.
Aprenderemos buenas prácticas de programación.
Añadiremos toda la lógica de aplicación de nuestra app calculadora para que funcione de la forma más parecida a la incluida en iOS.
Ampliaremos funcionalidades realizando guardados de datos, personalizando el icono de la home...
Y encima será compatible con iPhone y iPad (2 en 1! Con una única implementación).
[Proyecto totalmente actualizado a Swift 5 y Xcode 10.2.]