Transcripciones
1. 1: bienvenido a esta parte final fuera del tutorial cuando vamos a hacer una aplicación
calculadora totalmente funcional que nos permita realizar muchas funciones fuera. Por lo que 98 veces 35 es 3430. Esto puede parecer complicado al principio, pero tu aviso de que cuando programemos, sobre todo en esta app, vamos a descomponer todo en conceptos realmente simples. Por lo que la programación se trata de escribir el menor código posible, y verás que esta aplicación es en realidad bastante fácil de hacer, así que empecemos.
2. 2: Vamos a crear un nuevo proyecto de Código X, por lo que deberías estar acostumbrado a esto. Por ahora. Voy a crear una aplicación de vista única. Voy a llamar a esta calculadora impresionante y dejar todo lo demás como es Swift Universal. Eso está bien. Y voy a golpear siguiente Andi, Colócala en mi escritorio. Un ex código va a duelo el resto por mí. Entonces tenemos una app que se parece mucho a la última que creamos. Tenemos un controlador de vista en el tablero principal de cuentos. Abre el storyboard de punto principal y luego dentro de aquí. Simplemente voy a desplazarme hacia abajo y voy a hacer doble clic en el espacio en blanco, y eso nos va a alejar para que podamos ver todo el controlador de vista en la esquina superior derecha. Te darás cuenta de que aquí hay algunas opciones para ocultar o mostrar el Navigator, y si haces clic en eso, hace que el Navegador desaparezca y vuelva a la derecha. Podemos esconder las utilidades para darnos mucho espacio para jugar. Ahora, cuando arrastre, digamos una etiqueta aquí y, por
supuesto, necesito volver a mostrar mis utilidades para hacer ese desplazamiento hacia abajo en el arrastre inferior. Un etiquetado en X Code se acaba de congelar un poco. Su camino a la segunda. Intentemos eso otra vez. Golpea el etiquetado. Eso no le gusta. Ahí vamos. Eso es mejor. Podrías tener que acercar tu controlador de vista para poder realmente soltar eso en lo
siguiente que vamos a hacer voy a ocultar que a un lado no va a golpear al editor
asistente estos dos círculos en la parte superior, ¿
verdad? Y eso me da dolores. Y si recuerdas, así fue como conectamos nuestras etiquetas a nuestro código antes. Entonces voy a cerrar esto. Danos mucho más espacio. Lo que podemos hacer en el editor asistente de la derecha es cuando golpeamos este automático aquí arriba y bajamos a previsualizar, podemos ir a la vista previa del storyboard maine dot, y cuando hacemos clic en
él, nos muestra cuál es la pantalla va a lucir como en los diversos dispositivos. Entonces esto es en un iPhone de cuatro pulgadas, lo que equivale a un iPhone cinco en la parte inferior. Aquí, puedo hacer clic en este icono. Puedo rotarlo para que sepamos cómo se ve cuando se gira. Hay un pequeño botón más en la parte inferior, y al hacer clic en él, puedes elegir otros dispositivos, agregar
dedo del pie. Entonces voy a elegir el iPhone seis, que es de 4.7 pulgadas, y lo agrega junto a él. Entonces si hago doble clic en el espacio en blanco, se acerca y se puede ver que la etiqueta se ha movido, lo cual es un poco frustrante. Y si anuncio, digamos un iPad. El tipo de etiqueta se mueve por todo el lugar. Entonces lo que vamos a hacer en nuestro controlador de vista principal. Entonces este dolor de la izquierda es que vamos a poner algunas restricciones a esta etiqueta. Y las restricciones son una forma muy inteligente de salir, posicionando cosas relativas a los bordes fuera de la pantalla fuera de tu dispositivo. Las restricciones están completamente controladas por estos cuatro iconos o tres iconos hacia abajo en la parte inferior , fuera del dolor de la mano izquierda. Entonces, al hacer clic en uno, se le ocurre un poco pop up. Entonces déjame solo asegurarme de que mi etiqueta esté seleccionada, y luego cuando haga clic en éstas, tengo un pequeño pop up que me permite agregar otras nuevas así que justo en la parte superior. Aquí, digamos que quiero posicionar esta etiqueta 76 píxeles y esos no son píxeles reales. Ellos tipo de puntos decimales. Pero por ahora, los píxeles son una buena manera de pensar en ellos. Fui a posicionar esta etiqueta 76 puntos desde arriba, y para encenderla, haz clic en el icono rojo debajo de ella, luego ven al fondo y haz clic. Añada una restricción. Sólo hay uno porque sólo hemos cambiado una cosa. Y cuando hagas eso, notarás que aparece esta línea azul, y esa línea azul nos dice que hay una restricción desde la parte superior de la pantalla hasta la parte superior nuestra etiqueta sobre el lado derecho. En nuestro editor asistente, puede ver que la etiqueta se ha movido del ish medio a la derecha hacia la izquierda, y eso es un poco raro. Pero eso es lo que X Code está tratando de ayudarte con su intento de auto. Diseña tus cosas, y si solo tienes una restricción, va a empezar a asumir cosas que tiene que hacer por ti. Entonces, cuantas más restricciones agreguemos, menos control le damos al código X sobre más control nos damos a nosotros mismos. Entonces, obviamente, necesitamos agregar un poco más a esta etiqueta para que en realidad se quede exactamente en el mismo lugar fuera de nuestra pantalla. Entonces posicionemos esto horizontalmente en el medio y hacia abajo en nuestras dos pequeñas barras debajo
de uno de los iconos. Tenemos algunas restricciones más, y por suerte para nosotros, tenemos horizontalmente en contenedor. Por el momento, reviso eso y hago click. Añada una restricción. Ahora verás la vista previa a la derecha nos muestra que esta etiqueta ahora es horizontal dentro de su contenedor. Ahora esta etiqueta va a ser la pantalla de nuestra calculadora, así que vamos a asegurarnos de que sabemos que eso es lo que es. Haga clic en la esquina superior derecha para apagar el editor asistente haciendo clic en las líneas Volvamos a traer de vuelta el panel lateral haciendo clic en el botón superior derecho que dice hydro show utilities. Entonces aquí tenemos todo un montón de opciones que podemos, por
supuesto, establecer. Y estas opciones dependen de lo que actualmente se selecciona dentro de la vista . Entonces si vienes a la esquina superior derecha, notarás que hay seis secciones es una sección de ayuda. En la sección hay un inspector de identidad. Hay algunos atributos tamaño, etcétera. Queremos la sección de atributos porque queremos hacer un poco de formato en nuestra etiqueta, y vamos a darle un bonito color funky. Entonces en la sección de color, si hacemos clic en el color real, se le ocurre un poco de selector, y podemos cambiar ligeramente el color del mismo y podemos cerrarlo. Otra etiqueta es un gris oscuro. También podemos cambiar el texto aquí dentro también. Entonces esto en realidad va a ser display off talco o calculadora. Esta va a ser la pantalla para nuestros números ingresados en nuestra calculadora. El primer problema que notará es que ya no podemos ver todo el texto, por lo que tenemos el dedo de ancho en esto. Seleccionemos nuestra calculadora y hacia abajo en la parte inferior. Tenemos algunas restricciones más que queremos sumar, por lo que tenemos algunas opciones aquí. Podemos establecer un ancho. Podemos establecer una altura, pero lo que voy a hacer es agregar esta restricción que lo saca 10 de cada lado de mi pantalla y voy a dar clic. Añádase a las restricciones y ahí lo tenemos. Y si vuelvo a encender mi asistente de editor, podemos ver la etiqueta ahora está expandida dedo del pie casi el ancho fuera de la pantalla. Ahora hay una última cosa que hacer aquí, y eso es mandar al texto de esta etiqueta sobre el lado derecho. Bajo alineación, puedes hacer clic en el botón central y lo aparece justo en el centro para nosotros. Entonces esa va a ser la pantalla de nuestra calculadora. En la siguiente lección, realidad
vamos a empezar a agregar algunos botones para que el usuario presione con el fin de hacer cálculos.
3. 3: Toda buena calculadora necesita botones, y la nuestra no es la excepción. Vamos a sumar los números 1 a 9 y cero, y vamos a añadir un plus menos divide y multiplicar botones a nuestra pantalla de calculadora. Por lo que dentro de nuestro controlador de vista principal. Y si no tienes esta abierta lo siento, no principal view controller. Es nuestro storyboard principal de puntos. Si no lo tienes abierto, simplemente haz clic en él. Y solo estoy usando estos botones en la parte superior derecha para sacar las cosas por el camino. Por lo que es fácil para nosotros ver en el fondo. Necesitamos fondo, ¿verdad? Tenemos que encontrar algo que nos permita tener un botón, y sorprendentemente, esto se llama botón. Entonces voy a arrastrar uno a mi pantalla sólo en un lugar aleatorio, luego en el lado derecho dentro de mi inspector. Y estos son los atributos, Inspector. Voy a cambiar el nombre del mismo a uno simplemente el número uno, y voy a aumentar el tamaño de fuente de la misma, hacerlo bonito y grande,
y tal vez podamos tener un color de fondo para esto. Entonces si me desplazo hacia abajo, veré que hay una sección de fondo y Si hago clic en ella, vamos a elegir un color. Y creo que voy a tener un buen dedo del pie de color amarillo offset el azul. De acuerdo, ahora tenemos un botón funky. Podemos usar estos mangos en él para redimensionarlo o bajarlo en la sección de restricción sobre la colocación. En realidad podemos especificar un ancho y la altura. Entonces vamos a tener esto teniendo un látigo apagado 50 y una altura de 50 manzana Diga que todos tus botones
deben ser de al menos 44 por 44 para que los dedos sean lo suficientemente grandes como para tocarlos realmente. Hit. Añádase a las restricciones y eso debería hacerlo. Lo siguiente que tenemos que hacer es posicionar esto en relación a la visualización de nuestra calculadora. Entonces lo que hacemos es que vamos a golpear el control, mantenerlo pulsado, clic en uno, y luego podemos arrastrar hacia arriba para mostrar, y nos va a dar un montón de opciones cuando lo soltemos. Entonces lo que queremos tener aquí, creo, es el espaciado vertical. Y cuando hacemos clic en esta línea azul, que aparece ahora tenemos una opción sobre la derecha para cambiar esto, podemos cambiarlo por lo que nos guste. Entonces vamos a tener este set en 60. Entonces también necesitamos una forma de alinear este en el eje horizontal. Entonces llegamos a nuestro primer problema. Idealmente, nos gustaría que toda nuestra almohadilla numérica se sentara debajo de la pantalla y se viera genial allí. Entonces todo está alineado horizontalmente, pero uno sólo va a quedar ligeramente dejado. Centro horizontal. Si te imaginas un teclado, va 123456789 en tres filas. Entonces cambiemos este. En realidad el número cinco porque ese es el centro de la mayoría de los teclados el número cinco. Entonces lo que podemos hacer es colocar estos cinco horizontalmente en el contenedor para volver a tenerlo . Entonces, abajo en la parte inferior, horizontalmente en contenedor, haga clic en él y haga clic. Añada una restricción. Ahora veamos cómo se ve. Si haces clic en este triángulo en la parte inferior y actualizas los fotogramas, se mueve todo a donde has especificado. Y ahora tenemos un buen cinco ahí. En realidad me gustaría bajar eso un poco. Entonces si hago clic en el artículo real en sí y otra vez en el lado izquierdo, notarás que aquí tenemos algunas restricciones. Por lo que tengo este display. Y si haces clic a través de ellos o realmente los lees, aquí
podemos encontrar esta restricción, que es el top de cinco es igual a la visualización de fondo de calculadora más 60. Y podemos cambiar eso a la derecha para que pueda hacer que ese 100 caiga un poco. A lo mejor 100 y 20 solo para darnos algo de espacio. De acuerdo, así lo hicieron cinco botones. Ahora tenemos que sumar todo el resto. Y en lugar de recrear cada botón, lo que podemos hacer es realmente copiar este. Sostén el mando, ¿
ves? Haga clic en En algún lugar de la vista Controlador y golpear cuota de comando. Y ahí lo tenemos. Ahora, esto también se le llama cinco. Y si miramos las restricciones actualmente tiene la altura y el ancho. Por lo que este botón actualmente solo está flotando dondequiera que lo hayamos puesto. Entonces lo que voy a hacer es construir mi teclado desde el centro. Voy a llamar a este número dos, y luego voy a vincular este número dos sosteniendo el control, dando click en él, dando click en cinco y poniendo algo de espaciado vertical dentro. Y luego voy a cambiar ese espaciado vertical. Entonces por aquí, cuando lo seleccione, puedo llegar a la derecha. Andi, puedo hacer esto, Digamos 15. Y entonces, claro, puedo centrar esto horizontalmente en mi contenedor. Y luego cuando actualice todo ahí, lo
tenemos. Por lo que sólo voy a correr durante todo esto muy rápido. Y quiero que te tomes tu tiempo en la colocación de este teclado. Piensa con mucho cuidado en las restricciones, porque si pones una demasiadas o una muy pocas cosas muchas veces salen mal en esta sección, me uniré a ti en un segundo o así cuando todas mis llaves tengan frijol dispuestas. Y ahí está ella. Ahora, mi calculadora debería verse más o menos igual que la tuya. Y cuando haces clic en este triángulo en la parte inferior y realmente dices actualizar cual mina
ya se ha actualizado, tus elementos deben permanecer en el mismo lugar. Al hacer clic en su editor asistente, va a aparecer con la pantalla de sus diferentes dispositivos y de nuevo ahí. Deberían parecer que están en el mismo lugar. Si no lo son, necesitas volver a tu editor y tener una obra de teatro con las restricciones. Si has estado luchando con este recuerdo de que empezamos con el número cinco, entonces lo que hice es crear el número dos. Lo envié horizontalmente, y lo puse 15 puntos por encima del número cinco. Hice lo mismo con el número ocho, excepto que lo puse 15 puntos por debajo del número cinco. Y entonces tipo de trabajé a mi manera alrededor de cada botón que quería colocar. Y así es como sabemos que ahora todos se van a quedar en el mismo lugar. La siguiente parte del ejercicio es agregar algunos tiempos más menos y dividir botones. Entonces voy a copiar mi botón cero. Voy a pegarlo en alguna parte, y voy a llamar a esto obviamente plus, y luego te voy a mostrar lo que hice antes de alinearlo más o menos. Pegé otro botón y te voy a llamar menos. Entonces el menos uno, voy a controlar, clic y arrastrar más de 20 poner algo de espaciado horizontal en, y luego voy a hacer clic en ese espaciado horizontal y ponerlo a creo que voy a hacer esto alrededor de 24 y luego voy a control haga clic y arrastre a siete, establezca un poco de espaciado vertical y vuelva a hacer clic en la pequeña línea de auge que aparece y pondré esto en 24. Entonces voy a posicionar mi botón más relativo al botón menos con algo de
espaciado horizontal , y voy a poner esto en 15 así, y luego necesito un bit final para mi botón más. Sostenga el control. Haga clic y suértala a siete espaciado vertical. Necesito 24 para que eso coincida con el botón menos abajo en la esquina inferior, me voy a actualizar el dedo del pie mis marcos, y ahí los tenemos tipo de offset para que sepamos como el usuario que están están
lo suficientemente lejos de los botones que no tenemos presionarlos accidentalmente cuando estamos ingresando un número, entonces vamos a hacer lo mismo por tiempos y dividirnos por aquí. Entonces solo voy a hacer esto rápido y a quedarme callado cuando lo haga para que solo puedas ver y ahí lo tenemos. Nuestro teclado está ahora separado de las funciones reales del operador, pero en realidad, sólo
voy a cambiar. Esto. Haber cometido un ligero error. Hagamos ese 15 y luego para revisar todo cabe podemos golpear a nuestro asistente de editor, y nos mostrará cómo se ve eso en todas las pantallas. Solo cabe en el iPhone de cuatro pulgadas, así que deberíamos estar bien para ir. Pero por supuesto, siempre
podemos ajustar las restricciones para que realmente encaje en más. Eso resume la visualización de nuestra calculadora y la creación de la misma. Por lo que a estas alturas deberías estar bastante familiarizado con establecer restricciones, agregar nuevos elementos a la pantalla y limitarlos también entre sí. Por lo que se puede agruparlos juntos. Hay mucho más a las restricciones. Entonces si quieres tener una lectura, solo salta a Google y hay muchos videos de YouTube a los que puedes hacer referencia aquí y allá . Pero una vez que tienes estos conceptos básicos, tu conjunto
4. 4: Brady. Vamos a descifrar y conectar todos estos botones de toda la calculadora a nuestro código. Lo primero que tenemos que hacer, por
supuesto, es abrir a nuestro asistente de editor, y sólo voy a hacer un pequeño espacio aquí. Y cuando hacemos clic en esos anillos dobles, tenemos nuestro adelanto principal de story board. Si hacemos clic en el icono de vista previa Ir automático y ver Controlador X Código sabe a qué
archivo de código debe estar enlazando desde su vista. Por lo que lo hace automáticamente. Y de ahí ese botón automático. Ahora aquí dentro, tenemos que empezar a arrastrar varios elementos. Entonces primero, queremos la pantalla sobre la calculadora. Si mantienes presionado el control y lo arrastras sobre, tenemos la pantalla y llamaremos a esta etiqueta de visualización. Notarás que la primera letra es minúscula. La segunda letra de ésta, la primera letra de la segunda palabra es mayúscula, y ésta es una convención que seguimos en la programación. Entonces, solo haz todo lo tuyo de esa manera, y vamos a conectar eso. Entonces, claro, voy a hacer un pequeño cuarto. Tenemos que conectar todos nuestros botones, así que es un poco tedioso, pero Se tiene que hacer ahora porque este es un botón necesitamos hacer algo ligeramente diferente aquí en esta sección de conexión en la parte superior, tenemos algunos opciones, acción de
salida y recolección de tomacorriente. El outlet es simplemente un enlace al botón. Lo que necesitamos es la acción, y la acción es simplemente una función que se despide cada vez que alguien hace clic en el botón. Entonces si hago clic en acción y llamo a este botón un clic y bajo tipo, te
queremos, yo botón y el evento se llama Retoque Inside. Hay un montón de eventos diferentes que podemos usar en yo nosotros para clics de botón. No entraré en ellos. Está más allá del alcance de este tutorial, pero retocar dentro está el botón clásico Haz clic y luego pulsa Conectar, y luego te darás cuenta de que en realidad ha hecho una función para nosotros. Por lo que toda esta sección es despedida cada vez que se presiona el número uno. Tenemos que hacer lo mismo por todo el resto fuera de los botones, y tenemos que darles un nombre apropiado. Entonces sólo voy a correr por esos rápido y volver a ti en un segundo. Y allá vamos he añadido el topo, y eso fue bastante tedioso. medida que pases uno por tu carrera de desarrollo, encontrarás atajos y formas de hacerlo. Y de hecho, hay formas de agregar múltiples botones realmente rápidamente. Pero esa es una característica mucho más avanzada, y no la necesitarás con tanta frecuencia a menos que estés haciendo algo así como una aplicación de calculadora. Por lo que tengo todas estas acciones que se desprenden cada vez que se hace clic aquí abajo un botón. Entonces ahora terminamos. Ya casi terminamos. No, de hecho, estamos hechos sin exhibición. Lo único que queda por hacer, creo, es hacer doble clic en la pantalla de calculadora y simplemente ponerle cero en ella porque eso le dice a nuestro usuario que actualmente no le está pasando nada. De acuerdo, en realidad
podemos salir ahora del editor asistente, y podemos ir a nuestro controlador de vista dot swift. Ese es el archivo en el que acabamos de echar todos los códigos del mismo. Tenemos que descifrar un dedo del pie, en realidad sacar los números de los botones y aplicarlos más el menos el multiplicar la división, etcétera, y luego mostrar eso en nuestra etiqueta, y eso es exactamente lo que van a cubrir en la siguiente lección,
5. 5: ahora se pone complicado antes de que simplemente vayamos sumergiéndonos en el código. Tenemos que sentarnos y pensar realmente en cómo la gente usa una calculadora. Típicamente, no
quieren saber cuatro veces cuatro o cuatro veces nueve o nueve veces dos quieren
saber 92 veces 64 o 930 divididos por cinco. Entonces hemos llegado a nuestro primer problema. ¿ Cómo permitimos que un dedo del usuario ingrese realmente un número tras otro? Bueno, lo que tenemos que hacer es tener otra variable dentro de nuestro controlador de vista dot swift que mantenga la pista fuera de si el último botón presionado fue o no un número. Ahora bien, si el último botón presionado era un número, y luego haces clic en otro número que me diga que quieres seguir ingresando un
número largo en la calculadora. Si hubieras hecho clic en un número y luego hecho clic, multiplicar o agregar, pondría esa variable en falsa diciéndome que el último número que hizo clic en el último Botón no
era un número, y eso dice:
Ok, Ok, ahora tienes que empezar a realizar una acción. Es algo difícil de explicar, así que es apuesto que es mejor si realmente actuamos. bastante la cosa fresca que vamos a hacer. Controlas a los adultos rápido y creas un número de función. hizo clic en el botón. Y luego dentro de aquí, vamos a pasarle el número así que sólo diremos número. Y esto va a ser un tipo off int porque todos los números en nuestra calculadora son números
enteros. Entonces inter jizz está bien. Abre nuestros tirantes rizados. Cuando golpeamos Enter, otro se pone ahí para nosotros. Por lo que esta función va a ser llamada cada vez que hacemos clic botón de número y eso significa dentro de estos ítems aquí tenemos que llamarlo así clics de botón numérica y vamos a pasarle el número uno y se puede ver hacia dónde va esto. Es solo repetitivo. Pasa el número dos y de hecho, puedes copiar y pegar y cambiar el número sobre la marcha. Tres. Ten cuidado. No cometes un error aquí porque tendrás que volver a revisar el código si lo haces, y un cinco menos de seis siete y seguimos adelante y tenemos el último, que es un cero. Por lo que cada vez hacemos clic en uno de los botones. Estamos bajando a este método, y lo que voy a hacer es poner un comentario aquí arriba solo para decir qué es porque
ya hay mucho código construyendo aquí arriba. Entonces tenemos que asegurarnos de que no nos perdamos si venimos a cambiarlo en el futuro. Entonces solo escribiré función fuegos después de número Botón clicado como So Okay, así que cada vez que usamos nuestra calculadora y
presionamos un botón, nos gustaría ver que ese número aparezca en nuestra pantalla. Y en nuestro caso, esa es la etiqueta que aquí definimos como la toma de corriente, la etiqueta de display. Entonces lo que voy a hacer es, digamos, etiqueta de
visualización no texto es igual al número. Ahora veamos si esto nos da una era y ahí la tenemos. Y si hacemos clic en el error, dice
que no se puede usar un entero como cadena. Entonces lo que puedes hacer para arreglar eso y muchos idiomas hacen esto. Te permiten lanzar de un tipo de variable a otro, por lo que si tienes un entero, puedes cambiarlo a una cadena de la siguiente manera. De vuelta al principio, escriba string y luego ponga su número entre corchetes para que convierta este número en una cadena. Vamos a golpear, jugar y ejecutarlo en nuestro simulador, y cada vez que haga clic en un botón, notarás que cambia a la pantalla, y este es un buen momento para comprobarlo. El botón derecho es correcto. Está conectado al número correcto. De acuerdo, hay una cosa que falta en esto, y en realidad, es un botón igual. No puedo creer que lo haya dejado fuera. Entonces volvamos a Ex Code. Abre nuestro story board principal y lo que voy a hacer es agregar rápidamente uno. Voy a copiar ese botón cero, y voy a llamarlo igual, y voy a cambiar su ancho. Por lo que por aquí su ancho está actualmente fijado en 50. Tiene que ser más amplio que eso. Probemos 100. Probemos 40 y luego necesita algunas restricciones, claro. Por lo que va a poner un poco de espaciado vertical y hacer clic en él. Vamos a tener este 20 y voy a poner su centro dentro de la pantalla. De acuerdo, vamos a comprobar cómo se ve eso. Está bien, eso está bien. Entonces por supuesto que necesito arrastrar. Eso equivale a botón en a mi asistente de editor Por aquí. Viejo control. Haga clic y bebió. Y vamos a llamar a esto una acción que pasa au botón e igual Botón clicado. No puedo creer que se me olvidara eso, pero nos encontrarán mucho en la programación. Olvidarás cosas realmente simples y tendrás que volver a ti mismo. Entonces volvamos a nuestro controlador de vista y ahí lo tenemos. De acuerdo,
Entonces, ¿dónde estábamos antes? Estábamos más en nuestro simulador y nuestros botones nos permitieron ingresar número. La siguiente parte de este AP es permitirnos en realidad ingresar un número más largo de un dígito.
6. 6: en esta conferencia, vamos a ver agregar números extra a esta pantalla, y la forma en que hacemos eso se acaba en código X. Yo sólo voy a golpear. Detener en vista controlador dot swift. Dentro de nuestro botón numérica se hizo clic. Necesitamos un cheque para ver si el último botón al que se hizo clic era un número, y si waas nos permite dedo del pie, en
realidad haga clic en otro número. Entonces vamos a crear una variable. Se va a hacer un seguimiento de eso. Esta variable va a ser lo que se llama booleano, y un tipo de variable booleana simplemente mantiene el control de verdadero o falso sí o No. 100 Llamaremos a este lejano último número de prensa y diremos explícitamente This is a boo hará que su primer valor sea verdadero. Entonces es igual a cierto cuando nuestra app se enciende por primera vez, hace que esto sea cierto, y eso es porque aún no hemos presionado nada. Entonces, técnicamente, queremos presionar algunos números antes de que realmente hagamos el procedimiento fuera de la multiplicación o adición. Por lo que arriba en nuestra función, botón de número
apagado hizo clic. Hagamos un poco de espacio alrededor de lo que hay aquí y cuando se ha hecho clic en el botón de número, que realizar algunas ideas ingeniosas aquí, así que tenemos que comprobar si el último número de prensa es algún tipo de condición, como verdadero o falso. El modo en que hacemos eso es mediante el uso de una sentencia if if y luego entre paréntesis, hay que
darle una condición para que pueda comprobar en la forma en que lo hacemos. Es decir diciendo el número de última prensa, y si dejamos esto tal como está y acabamos de cerrar el corchetes, entonces lo que va a hacer es revisar. Si el último número de prensa es cierto, técnicamente
podríamos decir también igual a iguales. cierto, Escierto,es lo mismo, pero no vamos a hacer eso. Vamos a usar este atajo el último número de prensa. Si quería comprobar. Si el último número de prensa fuera falso, pondría un signo de exclamación delante de él. Por lo que queremos comprobar si el número de última prensa es verdadero y después de cada declaración if, necesitamos nuestras llaves que nos permitan ejecutar algo si la declaración es verdadera. Entonces si el último número presionado es cierto, lo que queremos hacer es realmente agregar al texto doc de la etiqueta de visualización. Entonces vamos a golpear etiqueta de exhibición. El texto oscuro es igual al texto de punto de la etiqueta de visualización, más la conversión de cadenas fuera de nuestro número así. Esto me va a dar una era, y dice Valor de tipo opcional cadena no desenvuelta. ¿ Te referías a usar exclamación o pregunta? Simplemente haga clic, fíjelo e inserte la exclamación. Los tipos opcionales son un tema un poco más avanzado en el lenguaje rápido, y son un poco complicados para moverte la cabeza. Pero por ahora, sólo
arreglémoslo con códigos X. Sugerencia. Lo que voy a hacer aquí abajo es solo quitar esta línea para que no se dispare. Y así aquí, si el último número de prensa, es cierto y mostrar el texto doc de etiqueta es igual al texto actual, y luego te vas del dedo del pie. Agrega el número al final de ese texto. Entonces, además, cuando lo usas con cuerdas, simplemente pone las cuerdas juntas. No tiene nada que ver con números y luego abajo abajo, porque en realidad hemos hecho clic en un número que queremos establecer el número de última prensa igual a True. Para indicar lo último que hicimos clic fue un número. Vamos a golpear, jugar y correr que ver qué pasa ahora? Al hacer clic en un número, notarás que se suma al número actual, pero tenemos un problema. Empezamos con su cero, pero no nos deshicimos del cero, lo cual es un poco molesto. Entonces volvamos a Ex Code y arreglemos eso en nuestro storyboard de puntos principales. Podemos cambiar esa pantalla para que en realidad no muestre nada sabio de texto. Y así cuando haces eso, siempre
es una buena idea. Puede ser tener un trasfondo que realmente podamos ver que nos permita saber que hay una etiqueta ahí. Entonces solo voy a golpear mi fondo y cambiarlo siempre tan ligeramente algo bonito y ligero. Y ahora si golpeo el juego, debería poder verlo. Pero ya no tengo cero ahí, y puedo ingresar mis números como y cuando tengo que hacerlo. De acuerdo, Y por supuesto, todavía
puedo ingresar tantos números como me gusten y desplazarme fuera de la pantalla. Eso está bien. Dejaremos que nuestros usuarios hagan eso. A lo mejor voy a decir que su tarea para arreglar eso derecho? Por lo que de vuelta a nuestra vista Control. Adopta Swift. Tenemos una forma de agregar números a nuestra pantalla y una manera de mantener el seguimiento del último número en el que realmente
se hizo clic. Ahora lo que tenemos que hacer también es tener una función que haga un seguimiento de si hemos clicado más menos multiplicándose para luchar. Entonces llamemos a esa función Teoh. Mantenga el multiplicador de Trek Off o algo así. Vamos a teclear funk. Ah, y vamos a llamar a este operador clicado. Y luego, por
supuesto, tenemos que pasarle algo para hacernos saber qué operador tiene Bean clicado usará una simple, cadena
simple,simple para eso que llamaremos a este operador. Podemos llamarlo así. Esa es una cosa a tener en cuenta si pone las cosas en un color diferente. Tienes que ser muy cuidadoso porque podría estar anulando los nombres de otras cosas que hay alrededor. Entonces solo llamaré a esto esperanza, y esto va a ser un tipo de cuerda. Oops, he creado un corchete cuadrado por accidente. Queremos corsé rizado. Ahí vamos. Por lo que ahora tenemos una función para nuestro operador. Por supuesto, necesitamos llamarlo cuando hacemos clic en nuestros botones de operador así en la parte superior Botón Inside más click. Voy a llamar operador clicado, y voy a llamar a esto un plus, y voy a copiar eso y pegarlo en todas las demás funciones. Este, por supuesto, será menos y se multiplicará y,por
supuesto, por
supuesto, dividirá. Ahora necesitamos una variable para mantener el seguimiento de este operador que hemos perdido clicked. Entonces aquí abajo bajo último número de prensa, vamos a tener operador var o O P er. Tengamos eso. Y hagámoslo el tipo de cuerda y dejémoslo así. Entonces dentro del operador hizo clic en la función. Queremos decir que el superior es igual al Opie, el que acabamos de pasar, así que tipo de lo pasa por aquí que dentro de esta función. También queremos establecer la última pulsación del número como falsa porque acabamos de hacer clic en un botón de
operador, no en un botón de número. Entonces si piensas en una calculadora, haces clic en algunos botones, haces clic en tiempos y luego en el siguiente botón de número que presionas. Esperas que eso inicie un nuevo número en tu pantalla, y por eso configuramos el último número de prensa igual a falso. Una cosa final antes de que termine esta conferencia es en esta función botón de número apagado clic. Tenemos que tener una función que verifique si el último número de prensa es falso. Entonces la forma en que hacemos eso en Swift y en la mayoría de los idiomas es que agregamos a esta declaración if justo debajo del tipo de corsé rizado else, abre tus llaves y ciérralas. Entonces esta es tu introducción a las declaraciones si else y las usarás tanto en la programación. El comunicado if comprueba si hay alguna condición. Su último número de prensa. Verdad. Si no es cierto, hace caso omiso de todo aquí e inmediatamente cae del dedo del pie más y corre todo por
aquí dentro . Entonces debido a que tenemos un nuevo display off numbers, vamos a decir display label dot text es igual a ti. El string de nuestro número. Entonces, ¿dónde está antes realmente agregamos al texto actual. Esta vez estamos reemplazando todo el texto sin número de cadena. Entonces, veamos si eso funciona. Yo sólo voy a pegarle juego. Ah, tenemos un poco de fracaso. Ahora cuando obtienes una falla en el código X justo en la parte superior, presiona el signo de exclamación y cuando te desplazas hacia abajo, dice
que el controlador de vista de clase no tiene inicializar es, y esa es una era extraña. No deberíamos tener eso. Desplazémonos hacia abajo y veamos si puedo detectar lo que salió mal. Probablemente sea algo que ver con esta línea. Cuerda de Ópera Far. Te apuesto si lo ponemos a solo un espacio en blanco, la época desaparecerá y otra vez a la izquierda. Nuestra era ha desaparecido. Entonces hay que tener cuidado con cosas así cuando estás programando, vamos a golpear juego Y aquí lo tenemos. Ahora voy a golpear mis números como lo hacía antes. Presionaré plus luego en camino para presionar otro número y nuestra pantalla ha sido despejada. Y cada vez que golpeo una función de operador, la pantalla se aclara, lo cual es realmente, realmente bueno. Sería bueno que tuviéramos una función para ver qué operador estaba actualmente activo, pero no nos vamos a preocupar por eso en este tutorial. De acuerdo, entonces en esta lección, has aprendido a hacer un seguimiento de las cosas dentro de tu código. Usando Boolean, realizar un
seguimiento de las cuerdas, funciones
pasadas, dedo del pie otras funciones, y este es el núcleo de la programación. Estarás haciendo mucho esto
7. 7: casi estamos ahí. Contamos con nuestra calculadora. Podemos golpear un montón de números, un multiplicador y un montón de números. Pero he notado un error. Cuando presiono igual, obtengo un cero. Eso no debería pasar. Así que ven al código X y abre tu storyboard de puntos principal dentro de ti controlador click igual y en la esquina superior derecha hay una pequeña flecha que se llama The Connections Inspector, y dentro de aquí te dice exactamente qué es eso está conectado a en código en otro lugar. Y si me desplaza hacia abajo
, en realidad tiene dos eventos conectados a él. Uno es una mantequilla no haga clic, y uno es un click de botón igual. Claramente, no
queremos que la mantequilla no haga clic. Y eso ha pasado porque copié mantequilla. No sin pensarlo así. Siempre, siempre se programa lentamente. Esa es la lección ahí. Así que borra ese el pero no click golpeando la X. Y ahora cuando golpee play, no
debería conseguir ese cero siempre que golpee igual. Sí, así que está arreglado. Eso es sólo una nota al margen para ti. Vuelve a ver controlador dot swift y sigamos con nuestra calculadora. El primero que necesitamos es una forma de mantener un seguimiento de los números que se han ingresado. Por lo que el primer número que ingresamos en una calculadora es seguido por un operador más menos etcétera. Por lo que el momento ideal para almacenar ese número es cuando en realidad se hace clic en el operador. Y ya tenemos una función para eso. Si recuerdas. Entonces lo que necesitamos es una variable para almacenar el número actual dentro de la etiqueta. Por el momento, número uno o oh, cualquiera. En realidad es bastante mala práctica usar los números reales en lugar de letras dentro de sus nombres de
variables. Y llamaré a esta cadena un tipo de cadena, y lo pondremos en blanco. Y necesitamos un número lejano al cual es esta cadena, y lo pondremos en blanco. Tan en blanco es justo cuando estoy escribiendo dos comillas seguidas. De acuerdo, en operador hizo clic. Lo que tenemos que hacer es almacenar el último número como número uno. Entonces vamos a decir que el número uno es igual para mostrar texto de punto de etiqueta y podrían ser un error que aparece aquí arriba. Ahí está. ¿ Y esa era es sobre opcionales? Entonces de nuevo, tienes que incitar signo de exclamación al final Es solo una nueva forma de pensar en programación que dice, Si en realidad no hay ningún texto, quiero que tengas mucho cuidado con este valor, para que no me dé un choque horrible. Hay mucho más en ello que eso, pero eso es lo básico de ello. Por lo que cada vez que hacemos clic, uno de los botones del operador iba a almacenar un número dentro del número uno. Y por supuesto tenemos que hacer lo mismo con el número dos. Sólo necesitamos acceder al número dos cada vez que presionamos iguales. Por lo que aquí arriba en iguales, Botón hizo clic. Vamos a ponerlo. Diremos Número dos es igual al texto de punto de la etiqueta de visualización. Y no olvides tu exclamación. Ahora, si eres nuevo en la programación, ya
he hecho referencia al número dos aquí arriba. Está declarado aquí abajo, y eso está bien porque la programación no funciona linealmente
así, así que en realidad puedes hacer eso. Puedes poner las cosas donde quieras dondequiera que te parezca hacer orden como el programa, así que es un poco de arte como ese. Ahora necesitamos una comprobación final si lo demás. Entonces vamos a decir si nuestro operador es igual a dos y ¿Qué tenemos aquí? Tenemos Plus, entonces vamos a hacer algo y vamos a decir otra cosa si el operador es igual, igual a menos,
vamos a hacer otra cosa y vamos a seguir copiando este código y simplemente modificando ligeramente para cada caso. Por lo que vamos a querer multiplicar caso y vamos a querer un caso de división alguna zancada de remolque alinean estos . Por lo que es fácil de leer para nosotros. Tenemos un montón de casos. Entonces en cada caso en realidad iban dedo del pie poner algo fuera. El texto de visualización. Vamos a hacer un poco para darnos la respuesta, luego justo al final. Fuera de esto, en realidad
queremos despejar todo porque ya hemos hecho algunos. Entonces decimos que el número uno es igual a blanco. número dos es igual a blanco, y el operador es igual a los espacios en blanco. Eso restablece todo pero aún deja la pantalla en la pantalla tal como está. Y por supuesto, necesitamos tener el último número de prensa como falso porque de nuevo, estamos empezando de nuevo dentro de nuestra primera. Si la declaración, digamos vamos a responder igual a entonces necesitamos los números que tenemos por lo que necesitamos un entero hecho de número uno porque si recuerdas, se almacena como una cadena y nosotros, por
supuesto, cuando agregamos cuerdas, simplemente
se ponen, como, chocados de una sobre otra. Pero necesitamos cambiarlo dedo del pie un número adecuado, como una entrevista que nos permita hacer adecuada adición alguien incluso exclamación al final de esa exclamación más número entero dos. Entonces necesitamos decir que la etiqueta de visualización no texto es igual a, y necesitamos convertir la respuesta en una fuerza así Así que eso es solo probar esa versión fuera. Construir un éxito. Y si digo 12 más siete equivale a 19 funciona para nosotros. Entonces dejemos de correr eso. Hagamos lo mismo por menos. No deberíamos tener un problema ahí, así que copié y pegué de Plus, y todo lo que tengo que cambiar es menos. Ahora multiplicar y dividir podría ser un poco más complicado. Déjame golpear, multiplicar y ver qué pasa. Multiplicar la programación en realidad es estrella, así que vamos a golpear juego. Ven aquí y di cinco veces cinco equivale a 25. No está mal. Digamos 999 veces. Otro número realmente grande equivale a Oh, tenemos una era, y tenemos muchas cosas de miedo pasando aquí en código X, diciéndonos cuál es el error. Pero en este caso, la era es que el entero sólo puede contener un cierto tamaño fuera de número. Entonces si intentamos algo elegante con ese número y lo hacemos realmente grande, el jet Inter se estrellará y realmente hay que tener cuidado con esto. Y esta es la razón por la que usamos otro tipo de números, como flotadores, dobles y inter jizz más grande. De hecho, podemos tener inter jizz que tienen 64 bits de largo, que son números masivos realmente, realmente grandes al frente. Cambiemos estos dos int 60 cuatros. Veamos qué pasa si ejecutamos eso e intentamos de nuevo un cálculo muy grande. Entonces intentemos que tiempos que sean iguales y la respuesta funcione para que el error anterior en realidad se llame desbordamiento. Nos hemos quedado sin memoria dentro de ese interject, así que ten cuidado con eso en el futuro. Ahora, sigamos adelante y dividamos. Estamos a copiar eso en 64 propiedad en aquí y cambiar esto por una barra inclinada hacia adelante, que es dividir o ejecutar eso en el simulador ahora Probemos algo simple. 10 Dividido por dos son cinco que funciona. ¿ Qué tal 12? Dividido por cinco? Se podría esperar 2.4 cuando golpeo igual, solo
llego a ahora si recuerdas un entero, si es de 64 bit o no solo se puede almacenar ah número entero. Entonces cuando hace este cálculo, lo que hace es dejar caer el punto, pues cae el resto si no lo quieres. Para hacer eso, necesitas usar un número de tipo distinto. Entonces como nuestra tarea final, intentemos eso. Voy a tratar de cambiar esto a un doble. No estoy seguro de que esto en realidad va a trabajar con el dedo, pero siempre podemos probar como tengo dos dobles. No tengo errores. Eso es bueno. Ahora voy a pegarle juego. Probemos 12 Dividido por cinco equivale a 2.4, y eso se debe a que instalan duplicados decimales. Donde es un entero no puede. Por lo que ahí lo tenemos. Nuestra app es más o menos completa. Puedo guardar bebidas 78 menos siete 71 va a hacer uno algunos a la vez para nosotros
Grant Klimaytys, Software Engineer
