Como criar um aplicativo para iOS sem experiência - Capítulo 3 | Grant Klimaytys | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Como criar um aplicativo para iOS sem experiência - Capítulo 3

teacher avatar Grant Klimaytys, Software Engineer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

7 aulas (57 min)
    • 1. 1

      0:42
    • 2. 2

      8:22
    • 3. 3

      11:47
    • 4. 4

      4:15
    • 5. 5

      7:31
    • 6. 6

      12:43
    • 7. 7

      11:12
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

102

Estudantes

--

Sobre este curso

Aprenda a criar um aplicativo para iOS sem EXPERIÊNCIA! Desenvolvedores de aplicativos recebem $100 por hora em média - você gostaria de algum dessas?

Conheça seu professor

Teacher Profile Image

Grant Klimaytys

Software Engineer

Professor

My very first software program was the artificial intelligence brain of an underwater robot in the early 2000's, still the coolest project I have ever worked on!

Since then I have designed and built websites, software and apps using all manner of languages and frameworks. Javascript, Bootstrap, .Net, Python, PHP - you name it, I've probably used it.

These days I focus on building quality cross platform apps using Xamarin studio in C#, Xcode and Swift 2 and Android Studio.

If you're considering becoming a freelance developer then I can honestly say it is the best life in the world. You will have no boss, earn an hourly rate of $60 - $150 and take holiday whenever you want!

Of course you have to learn how to make good apps first, which brings me to my second pa... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. 1: bem-vindo a esta parte final fora do tutorial quando nós estamos indo para fazer um aplicativo calculadora totalmente funcional que nos permite executar muitas funções fora. Então 98 vezes 35 é 3430. Isso pode parecer complicado no início, mas você percebe que quando programamos, especialmente neste aplicativo, vamos dividir tudo em conceitos realmente simples. Então programação é tudo sobre escrever o mínimo de código possível, e você verá que este aplicativo é realmente muito fácil de fazer, então vamos começar. 2. 2: Vamos criar um novo projeto X Code, então você deve estar acostumado com isso. Por agora. Vou criar um aplicativo de visualização única. Vou chamar esta calculadora de incrível e deixar tudo o resto como é Swift Universal. Isso é bom. E eu vou bater na próxima Andi, colocá-lo na minha área de trabalho. Um código ex vai duelar o resto por mim. Então temos um aplicativo que se parece muito com o último que criamos. Temos um controlador de visão no quadro principal. Abra o storyboard principal de pontos e, em seguida, aqui dentro. Eu só vou rolar para baixo e eu vou clicar duas vezes sobre o espaço em branco, e isso vai diminuir o zoom para nós para que possamos ver todo o controlador de visão no canto superior direito. Você notará que existem algumas opções aqui para ocultar ou mostrar o Navegador, e se você clicar nele, isso fará com que o Navegador desapareça e volte à direita. Podemos esconder as utilidades para nos dar muito espaço para brincar. Agora, quando eu arrasto, digamos um rótulo para aqui e, é claro que eu preciso mostrar meus utilitários novamente para fazer esse rolagem para baixo no arrasto inferior. Uma rotulagem em X Code é apenas congelado um pouco. Seu caminho para o segundo. Vamos tentar de novo. Aperte a rotulagem. Ele não gosta disso. Lá vamos nós. Isso é melhor. Você pode ter que ampliar o seu controlador de visão para realmente ser capaz de soltar isso na próxima coisa que vamos fazer eu vou esconder isso para o lado não vai bater o editor assistente esses dois círculos no topo, certo? E isso me dá dores. E se você se lembra, foi assim que conectamos nossos rótulos ao nosso código antes. Então, vou fechar isto. Dê-nos muito mais espaço. O que podemos fazer no editor assistente à direita é quando atingimos esta automática aqui e descemos para pré-visualizar, podemos ir para a pré-visualização do storyboard do Maine Dot, e quando clicamos, ele nos mostra o que é a tela vai se parecer com os vários dispositivos. Então isso é em um iPhone de 4 polegadas, que equivale a um iPhone 5 na parte inferior. Aqui, eu posso clicar neste ícone. Posso girá-lo para sabermos como é quando é girado. Há um pequeno botão mais na parte inferior, e quando você clica nele, você pode escolher outros dispositivos, dedo do pé adicionar. Então eu vou escolher o iPhone seis, que é um 4,7 polegadas, e ele adiciona ao lado dele. Então, se eu clicar duas vezes no espaço em branco, ele diminui o zoom e você pode ver que o rótulo se moveu, que é um pouco frustrante. E se eu anúncios, digamos um iPad. O rótulo meio que se move por todo o lado. Então, o que vamos fazer no nosso controlador de visão principal. Então esta dor à esquerda é que vamos colocar algumas restrições neste rótulo. E as restrições são uma maneira muito inteligente, posicionando as coisas em relação às bordas da tela do seu dispositivo. Restrições são completamente controladas por esses quatro ícones ou três ícones abaixo na parte inferior , fora da dor da mão esquerda. Então, quando você clica em um, ele aparece com um pequeno pop-up. Então deixe-me apenas verificar se meu rótulo está selecionado, e então quando eu clicar neles, eu tenho um pequeno pop-up que me permite adicionar novos tão bem na parte superior. Aqui, digamos que eu queira posicionar este rótulo 76 pixels e esses não são pixels reais. Eles tipo de pontos decimais. Mas, por enquanto, pixels é uma boa maneira de pensar sobre eles. Eu fui posicionar este rótulo 76 pontos a partir do topo, e para ligá-lo, clique no ícone vermelho abaixo dele, em seguida, vir para a parte inferior e clique. Adicione uma restrição. Só há um porque só mudamos uma coisa. E quando você fizer isso, você vai notar que esta linha azul aparece, e essa linha azul nos diz que há uma restrição do topo da tela para o topo nossa etiqueta no lado direito. Em nosso editor assistente, você pode ver que o rótulo foi movido do meio ish direita para a esquerda, e isso é um pouco estranho. Mas isso é o que X Code está tentando ajudá-lo com a sua tentativa de auto. Coloque suas coisas, e se você tem apenas uma restrição, ele vai começar a assumir coisas que tem que fazer por você. Então, quanto mais restrições adicionamos, menos controle damos ao código X sobre mais controle damos a nós mesmos. Então, obviamente, precisamos adicionar um pouco mais a este rótulo para que ele realmente fique exatamente no mesmo lugar fora da nossa tela. Então vamos posicionar isso horizontalmente no meio e para baixo em nossas duas barras abaixo de um dos ícones. Temos mais algumas restrições, e felizmente para nós, temos horizontalmente no recipiente. Até agora, eu verifico isso e eu clico. Adicione uma restrição. Agora você verá que a visualização à direita nos mostra que esse rótulo agora está horizontal dentro de seu contêiner. Agora esta etiqueta vai ser a exibição da nossa calculadora, então vamos ter certeza de que é isso que é. Clique no canto superior direito para desativar o editor assistente clicando nas linhas em Vamos trazer de volta o painel lateral clicando no botão superior direito que diz utilitários hydro show . Então aqui temos um monte de opções que podemos, é claro, definir. E essas opções são dependentes da coisa que está atualmente selecionada dentro da exibição . Então, se você chegar ao canto superior direito, você vai notar que há seis seções é uma seção de ajuda. Há um inspetor de identidade na seção. Há alguns atributos tamanho, etc. Queremos a seção de atributos porque queremos fazer um pouco de formatação em nosso rótulo, e vamos dar-lhe uma boa cor funky. Então, na seção de cores, se clicarmos na cor real, ela aparece com um pequeno seletor, e podemos mudar a cor dela ligeiramente e podemos fechá-la. Outro rótulo é um cinza escuro. Também podemos alterar o texto aqui. Então isso vai realmente ser exibido fora talco ou calculadora. Esta vai ser a exibição para os nossos números inseridos em nossa calculadora. O primeiro problema que vai notar é que não podemos mais ver todo o texto, por isso temos o dedo largo nisso. Vamos selecionar nossa calculadora e para baixo na parte inferior. Temos mais algumas restrições que queremos adicionar, então temos algumas opções aqui. Podemos definir uma largura. Podemos definir uma altura, mas o que eu vou fazer é adicionar esta restrição que leva 10 de cada lado da minha tela e eu vou clicar. Acrescente restrições e aí temos. E se eu voltar a ligar o meu editor assistente, podemos ver que o rótulo está agora expandido quase a largura da tela. Agora há uma última coisa a fazer aqui, que é enviar para o texto deste rótulo no lado direito. Sob o alinhamento, você pode clicar no botão central e ele aparece bem no centro para nós. Então essa vai ser a exibição da nossa calculadora. Na próxima lição, vamos realmente começar a adicionar alguns botões para o usuário pressionar a fim de fazer cálculos. 3. 3: Toda boa calculadora precisa de botões, e a nossa não é exceção. Nós vamos adicionar os números 1 a 9 e zero, e nós vamos adicionar um mais menos dividir e multiplicar botões à nossa tela calculadora. Então, dentro do nosso controlador de visão principal. E se você não tem este aberto desculpe, não controlador de visão principal. É o nosso storyboard principal. Se você não tiver aberto, basta clicar nele. E eu só estou usando esses botões no canto superior direito para mover as coisas para fora do caminho. Então é fácil para nós ver no fundo. Precisamos de fundo, certo? Precisamos encontrar algo que nos permita ter um botão, e surpreendentemente, isso é chamado de botão. Então eu vou arrastar um para a minha tela apenas em um lugar aleatório, depois no lado direito dentro do meu inspetor. E estes são os atributos, Inspetor. Eu vou mudar o nome dele para um simplesmente o número um, e eu vou aumentar o tamanho da fonte dele, torná-lo agradável e grande, e talvez possamos ter uma cor de fundo para isso. Então, se eu rolar para baixo, verei que há uma seção de plano de fundo e se eu clicar nela, vamos escolher uma cor. E eu acho que eu vou ter um belo dedo amarelo cor compensar o azul. Certo, agora temos um botão funky. Podemos usar essas alças nele para redimensioná-lo ou para baixo na seção de restrição na fixação. Podemos realmente especificar uma largura e a altura. Então vamos ter isso tendo um chicote de 50 e uma altura de 50 maçã Diga que todos os seus botões devem ser pelo menos 44 por 44 para que os dedos sejam grandes o suficiente para realmente tocá-los. Bater. Adicione restrições e isso deve bastar. A próxima coisa que precisamos fazer é posicionar isso em relação à exibição da nossa calculadora. Então o que fazemos é apertar o controle, segurá-lo, segurá-lo clicar em um, e então podemos arrastar para cima para exibir, e ele nos dará um monte de opções quando soltarmos. Então o que queremos ter aqui, eu acho, é o espaçamento vertical. E quando clicamos nesta linha azul, que parece que agora temos uma opção à direita para mudar isso, podemos mudá-la para o que quisermos. Então vamos ter este conjunto em 60. Então precisamos também de uma maneira de alinhar este no eixo horizontal. Então chegamos ao nosso primeiro problema. Idealmente, gostaríamos que todo o nosso teclado numérico ficasse sentado sob a tela e ficasse ótimo lá. Então, tudo está alinhado horizontalmente, mas um só vai ser ligeiramente deixado de fora. Centro horizontal. Se você imaginar um teclado, ele vai 123456789 em três linhas. Então vamos mudar este. Na verdade, o número cinco porque é o centro da maioria dos teclados o número cinco. Então o que podemos fazer é colocar esses cinco horizontalmente no recipiente para restringi-lo novamente . Então, na parte inferior, horizontalmente no contêiner, clique nele e clique em. Adicione uma restrição. Agora vamos ver como é. Se você clicar neste triângulo na parte inferior e atualizar os quadros, ele moverá tudo para onde você especificou. E agora temos um bom cinco lá. Eu realmente gostaria de mover isso um pouco para baixo. Então, se eu clicar no item real em si e sobre o lado esquerdo, você vai notar que temos algumas restrições aqui. Então eu tenho essa exibição. E se você clicar através deles ou você realmente lê-los, podemos encontrar esta restrição aqui, que é o topo de cinco é igual a exibição da calculadora inferior mais 60. E podemos mudar isso à direita para que eu possa fazer com que 100 derrube um pouco. Talvez 100 e 20 só para nos dar algum espaço. Ok, é assim que cinco botões fazem. Agora precisamos adicionar todo o resto. E em vez de recriar cada botão, o que podemos fazer é copiar este. Manter o comando, vê? Clique em Algures na exibição Controller e pressione a taxa de comando. E lá temos. Agora, isso também é chamado de cinco. E se olharmos para as restrições atualmente tem a altura ea largura. Então este botão atualmente está flutuando onde quer que o tenhamos colocado. Então o que eu vou fazer é construir o meu teclado de chaves fora do centro. Eu vou ligar para este número dois, e então eu vou ligar este número dois segurando o controle, clicando sobre ele, clicando em cinco e colocando algum espaçamento vertical dentro E então eu vou mudar esse espaçamento vertical. Então aqui, quando eu selecioná-lo, eu posso vir para a direita. Andi, eu posso fazer isso, digamos 15. E então, é claro, eu posso centralizar isso horizontalmente no meu contêiner. E então, quando eu atualizar tudo lá, nós temos. Então eu só vou correr durante tudo isso muito rapidamente. E eu quero que você tome o seu tempo em colocar este teclado para fora. Pense com muito cuidado sobre restrições, porque se você colocar um muito ou um pouco coisas muitas vezes dão errado nesta seção, eu vou me juntar a você em um segundo ou mais quando todas as minhas chaves tiverem sido colocadas para fora. E lá está ela. Agora, minha calculadora deve parecer mais ou menos igual à sua. E quando você clica neste triângulo na parte inferior e você realmente diz atualizar qual mina já foi atualizada, seus elementos devem permanecer no mesmo lugar. Quando você clica em seu editor assistente, ele aparecerá com a tela de seus diferentes dispositivos e novamente lá. Eles devem parecer que estão no mesmo lugar. Se não estiverem, você precisa voltar ao seu editor e ter um jogo com as restrições. Se você tem lutado com essa lembrança de que começamos com o número cinco, então o que eu fiz foi criar o número dois. Enviei horizontalmente, e coloquei 15 pontos acima do número cinco. Fiz a mesma coisa com o número oito, só que coloquei 15 pontos abaixo do número cinco. E então eu meio que trabalhei meu caminho em torno de cada botão que eu queria colocar. E é assim que sabemos que todos vão ficar no mesmo lugar agora. A próxima parte do exercício é adicionar algumas vezes mais menos e dividir botões. Então eu vou copiar meu botão zero. Eu vou colá-lo em algum lugar, e eu vou chamar isso obviamente mais, e então eu vou mostrar a você o que eu fiz antes de eu grosseiramente alinhá-lo. Eu colei outro botão e eu vou te chamar de menos. Então, o menos um, eu vou controlar, clicar e arrastar mais de 20 colocar algum espaçamento horizontal dentro, e então eu vou clicar nesse espaçamento horizontal e configurá-lo como eu acho que eu vou fazer isso cerca de 24 e então eu vou clique de controle e arraste para sete, defina algum espaçamento vertical e clique novamente na pequena linha de boom que aparece e eu vou definir isso para 24. Então eu vou posicionar o meu botão mais em relação ao botão de menos com algum espaçamento horizontal , e eu vou definir isso em 15 assim, e então eu preciso de um bit final para o meu botão mais. Segure o controle. Clique e solte-o para sete espaçamento vertical. Eu preciso de 24 para isso para coincidir com o botão de menos para baixo no canto inferior, eu estou indo toe atualizar meus quadros, e lá nós temos eles tipo de deslocamento para que nós sabemos como o usuário eles estão longe o suficiente dos botões que nós não acidentalmente pressioná-los quando estamos digitando um número, então vamos fazer o mesmo por vezes e dividir por aqui. Então eu vou fazer isso rapidamente e ficar quieto quando eu fizer isso para que você possa apenas assistir e lá está. Nosso teclado agora está separado das funções reais do operador, mas na verdade, eu só vou mudar. Isto. Cometeram um pequeno erro. Vamos fazer isso 15 e então para verificar se tudo se encaixa podemos bater nosso editor assistente, e ele vai nos mostrar como é isso em todas as telas. Ele só se encaixa no iPhone 4 polegadas, então nós devemos estar prontos para ir. Mas é claro, podemos sempre ajustar as restrições para que ele realmente se encaixe em mais. Isso resume a exibição da nossa calculadora e a criação dela. Então, agora você deve estar bastante familiarizado com a definição de restrições, adicionando novos elementos à tela e restringindo-os um em relação ao outro também. Então você pode agrupá-los juntos. Há muito mais em restrições. Então, se você quiser ter uma leitura, basta saltar para o Google e há muitos vídeos do YouTube que você pode referenciar aqui e ali . Mas uma vez que você tem esses conceitos básicos, seu conjunto 4. 4: O Brady. Vamos quebrar e conectar todos esses botões de toda calculadora em nosso código. A primeira coisa que temos que fazer, claro, é abrir nosso editor assistente, e eu vou abrir um pouco de espaço aqui. E quando clicamos nesses anéis duplos, temos nossa prévia do quadro principal. Se clicarmos no ícone de visualização Goto automático e ver Controller X Code sabe qual arquivo de código você deve estar vinculando a partir de sua exibição. Então ele faz isso automaticamente. E daí esse botão automático. Agora aqui, temos que começar a arrastar vários elementos. Então, primeiro, queremos a exibição sobre a calculadora. Se você manter o controle pressionado e arrastá-lo sobre, nós temos o display e vamos chamar este rótulo de exibição. Você vai notar que a primeira letra é minúscula. A segunda letra desta, a primeira letra da segunda palavra é maiúscula, e esta é uma convenção que seguimos na programação. Então, faça todos os seus dessa maneira, e nós vamos conectar isso. Então, claro, eu vou arrumar um pouco de espaço. Temos que conectar todos os nossos botões, por isso é um pouco tedioso, mas tem que ser feito agora porque este é um botão que precisamos fazer algo ligeiramente diferente aqui nesta seção de conexão no topo, temos alguns opções, ação de tomada e coleta de tomada. A tomada é simplesmente um link para o botão. O que precisamos é da ação, e a ação é simplesmente uma função que é disparada toda vez que alguém clica no botão. Então, se eu clicar em ação e eu chamar este botão um clique e sob o tipo, queremos que você, I botão eo evento é chamado de retoque dentro. Há muitos eventos diferentes que podemos usar em I nós para cliques de botão. Eu não vou entrar neles. Está além do escopo deste tutorial, mas retoque dentro é o botão clássico Clique e, em seguida, pressione Conectar, e então você vai notar que é realmente feito uma função para nós. Então essa seção toda é demitida toda vez que o número um é pressionado. Precisamos fazer o mesmo para o resto fora dos botões, e temos que dar-lhes um nome apropriado. Então eu só vou passar por eles rapidamente e voltar para você em um segundo. E lá vamos nós eu adicionei a toupeira, e isso foi muito tedioso. À medida que você percorre sua carreira de desenvolvimento, você encontrará atalhos e maneiras de fazer isso. E, na verdade, há maneiras de adicionar vários botões muito rapidamente. Mas isso é um recurso muito mais avançado, e você não vai precisar dele muitas vezes a menos que você está fazendo algo como um aplicativo de calculadora. Então eu tenho todas essas ações que são disparadas sempre que um botão é clicado aqui em baixo. Então, agora terminamos. Estamos quase terminando. Não, na verdade, terminamos sem exibição. A única coisa que resta a fazer, eu acho, é clicar duas vezes na exibição da calculadora e simplesmente colocar zero nela porque isso diz ao nosso usuário que nada está acontecendo atualmente com ela. Ok, nós podemos realmente sair agora do editor assistente, e nós podemos ir para o nosso controlador de visão ponto rápido. Esse é o arquivo em que jogamos todos os códigos. Precisamos descobrir um caminho, realmente obter os números dos botões e aplicá-los mais o menos a multiplicar a divisão, etcetera, etcetera, e então mostrar isso em nosso rótulo, e isso é exatamente o que nós vão cobrir na próxima lição, 5. 5: Agora fica complicado antes de mergulharmos no código. Precisamos sentar e pensar sobre como as pessoas usam uma calculadora. Normalmente, eles não querem saber quatro vezes quatro ou quatro vezes nove ou nove vezes dois eles querem saber 92 vezes 64 ou 930 dividido por cinco. Então, chegamos ao nosso primeiro problema. Como permitimos que um usuário insira um número após o outro? Bem, o que temos que fazer é ter outra variável dentro do nosso controlador de visão dot swift que mantém o controle fora se o último botão pressionado era ou não um número. Agora, se o último botão pressionado era um número, e então você clica em outro número que me diz que você quer continuar inserindo um número longo na calculadora. Se você tivesse clicado em um número e, em seguida, clicado , multiplicar ou adicionar, eu definiria essa variável como falsa me dizendo que o último número que o último botão clicou não era um número, e isso diz: , multiplicar ou adicionar, eu definiria essa variável como falsa me dizendo que o último número que o último botão clicounão era um número, e isso diz: agora você tem que começar a executar uma ação. É uma coisa difícil de explicar, então aposto que é melhor se realmente nos apresentarmos. A coisa nova que vamos fazer já caiu o suficiente. Você controla adultos rápido e cria um número de função. Botão clicado. E então aqui dentro, vamos passar o número para ele, então vamos apenas dizer número. E isso vai ser um tipo off int porque todos os números em nossa calculadora são números inteiros. Então, inter jizz está bem. Abra nossas chaves encaracoladas. Quando atingimos Enter, outro é colocado lá para nós. Então esta função vai ser chamada cada vez que clicarmos botão número e isso significa que dentro desses itens aqui temos que chamá-lo assim cliques de botão numérico e vamos passá-lo o número um e você pode ver onde isso está indo. É apenas repetitivo. Passe o número dois e, de fato, você pode copiar e colar e mudar o número em tempo real. Três. Tenha cuidado. Você não comete um erro aqui porque você vai ter que passar pelo código novamente se você fizer, e um cinco abaixo de seis sete e nós continuamos e nós temos o último, que é um zero. Então, cada vez que clicamos em um dos botões. Estamos chegando a este método, e o que eu vou fazer é colocar um comentário aqui apenas para dizer o que é, porque já há muito código construindo aqui em cima. Então temos que nos certificar de que não nos perderemos se mudarmos no futuro. Então eu vou apenas digitar função dispara depois número Botão clicado como So Ok, então sempre que usamos nossa calculadora e apertamos um botão, gostaríamos de ver esse número aparecer em nosso display. E no nosso caso, essa é a etiqueta que definimos aqui como a tomada, a etiqueta de exibição. Então o que eu vou fazer é, digamos, exibir rótulo não texto é igual ao número. Agora vamos ver se isso nos dá uma era e lá está. E se clicarmos no erro, ele diz que você não pode usar um inteiro como uma string. Então o que você pode fazer para corrigir isso e muitas línguas fazem isso. Eles permitem que você converta de um tipo de variável para outro, portanto, se você tiver um inteiro, você pode alterá-lo para uma string da seguinte maneira. De volta ao início, digite string e, em seguida, coloque seu número dentro de colchetes para que converta esse número em uma string. Vamos bater, jogar e executá-lo em nosso simulador, e cada vez que eu clicar em um botão, você vai notar que ele muda para o visor, e este é um bom momento para verificar. O botão direito está correto. Está conectado ao número certo. Ok, há uma coisa faltando nisso, e na verdade, é um botão igual. Não acredito que deixei isso de fora. Então vamos voltar ao Ex Code. Abra o nosso quadro principal e o que eu vou fazer é adicionar rapidamente um. Eu vou copiar esse botão zero, e eu vou chamá-lo igual, e eu vou mudar sua largura. Então aqui a largura está definida atualmente em 50. Tem de ser mais largo do que isso. Vamos tentar 100. Vamos tentar 140 e depois precisa de algumas restrições, é claro. Então, vamos colocar algum espaçamento vertical e clicar nele. Vamos ter este 20 e eu vou colocar seu centro dentro da tela. Certo, vamos ver como isso se parece. Ok, tudo bem. Então, é claro que preciso arrastar. Isso é igual ao botão do meu editor assistente aqui. Controle antigo. Clique e bebeu. E vamos chamar isso de uma ação que passa au I botão e é igual Botão clicado. Não acredito que esqueci isso, mas você vai nos encontrar muito na programação. Você esquecerá coisas simples e terá que voltar atrás em si mesmo. Então vamos voltar para o nosso controlador de visão e lá temos ele. Certo, onde estávamos antes? Estávamos em nosso simulador e nossos botões nos permitiram inserir o número. A próxima parte deste AP é realmente nos permitir inserir um número maior do que um dígito. 6. 6: nesta palestra, vamos olhar para adicionar números extras a esta tela, e a maneira como fazemos isso é mais em código X. Eu só vou bater. Pare em vista controlador ponto rápido. Dentro do nosso botão de número clicado. Precisamos de uma verificação para ver se o último botão que foi clicado foi um número, e se ele waas permitir o dedo do pé, na verdade clique em outro número. Então vamos criar uma variável. Ele vai manter o controle disso. Esta variável vai ser o que é chamado de booleano, e um tipo de variável booleana simplesmente mantém o controle de verdadeiro ou falso sim ou Não. 100 Vamos chamar este último número de imprensa e explicitamente dizer Este é um boo fará seu primeiro valor como verdadeiro. Então, igual a true quando nosso aplicativo é acionado pela primeira vez, isso torna isso verdade, e isso é porque nós não pressionamos nada ainda. Então, tecnicamente, queremos pressionar alguns números antes de realmente fazer o procedimento de multiplicação ou adição. Então, em nossa função, botão de número desligado clicado. Vamos abrir um pouco de espaço ao redor do que está aqui e quando o botão de número foi clicado, você precisa executar algumas idéias inteligentes aqui, então nós temos que verificar se o último número de imprensa é algum tipo de condição, como verdadeiro ou falso. A maneira como fazemos isso é usando uma instrução if e, em seguida, entre parênteses, você tem que dar-lhe uma condição que ele pode verificar na maneira que fazemos. Isso é dizendo o último número de imprensa, e se deixarmos isso como está e fecharmos o parêntesis, então o que ele vai fazer é verificar. Se o último número de imprensa for verdadeiro, poderíamos tecnicamente também dizer igual a igual. verdade, Éverdade,é a mesma coisa, mas não vamos fazer isso. Vamos usar este atalho do último número de imprensa. Se eu quisesse verificar. Se o último número de imprensa fosse falso, eu colocaria um ponto de exclamação na frente dele. Então, queremos verificar se o último número de imprensa é verdadeiro e depois de cada instrução if, precisamos de nossas chaves que nos permitem executar algo se a instrução é verdadeira. Então, se o último número pressionado for verdadeiro, o que queremos fazer é realmente adicionar ao texto doc rótulo de exibição. Então vamos apertar a etiqueta de exibição. Texto escuro é igual ao texto do ponto da etiqueta de exibição, mais a conversão de string fora do nosso número assim. Isso vai me dar uma era, e ele diz Valor do tipo opcional string não desembrulhado. Você quis usar exclamação ou pergunta? Basta clicar, corrigi-lo e inserir a exclamação. Tipos opcionais são um pouco mais de um tópico avançado na linguagem rápida, e eles são um pouco complicados para obter a sua cabeça ao redor. Mas, por enquanto, vamos consertar isso com códigos X. Sugestão. O que vou fazer aqui em baixo é remover esta linha para que ela não dispare. E então aqui, se o último número de imprensa, é verdadeiro e exibir texto doc rótulo é igual ao texto atual, e então você está indo para o dedo do pé. Adicione o número no final desse texto. Então, mais, quando você usá-lo com cordas, simplesmente coloca as cordas juntas. Não tem nada a ver com números e, em seguida, para baixo, porque nós realmente clicamos em um número que queremos definir último número de imprensa igual a True. Para indicar que a última coisa que clicamos foi um número. Vamos bater, jogar e correr para ver o que acontece agora? Quando eu clicar em um número, você notará que ele é adicionado ao número atual, mas temos um problema. Começamos com o zero dele, mas não nos livramos do zero, o que é um pouco irritante. Então vamos voltar ao Ex Code e consertar isso no nosso storyboard principal. Podemos mudar essa exibição para realmente mostrar nada de texto sábio. Então, quando você faz isso, é sempre uma boa idéia. Pode ser ter um fundo que possamos realmente ver que nos permita saber que há um rótulo lá. Então eu só vou bater no meu fundo e mudá-lo sempre tão ligeiramente algo agradável e leve. E agora, se eu tocar no play, eu devo ser capaz de vê-lo. Mas eu não tenho mais zero lá, e eu posso digitar meus números como e quando eu precisar. Ok, e claro, eu ainda posso digitar quantos números quiser e rolar para fora da tela. Isso é bom. Deixaremos nossos usuários fazerem isso. Talvez eu diga que o dever de casa dele para consertar isso certo? Então, de volta em nossa visão Controle. Adote o Swift. Temos uma maneira de adicionar números à nossa tela e uma maneira de manter o controle do último número que foi realmente clicado. Agora o que temos que fazer também é ter uma função que mantém o controle de se nós clicamos mais menos multiplicando para lutar. Então vamos chamar essa função de Teoh. Mantenha o multiplicador Trek Off ou algo assim. Vamos digitar funk. Ah, e vamos chamar este operador clicado. E então, é claro, temos que passá-lo algo para nos deixar saber qual operador tem Bean clicado usará uma simples, string simples,simples para que vamos chamar este operador. Podemos chamar-lhe assim. Isso é uma coisa a notar se colocar as coisas em uma cor diferente. Você tem que ser muito cuidadoso porque você pode estar substituindo os nomes de outras coisas que estão por perto. Então eu vou chamar isso de esperança, e isso vai ser um tipo de corda. Opa, criei um colchete por acidente. Queremos uma cinta encaracolada. Lá vamos nós. Então agora temos uma função para o nosso operador. Claro, precisamos chamá-lo quando clicamos em nossos botões de operador assim forma na parte superior do botão Inside mais clique. Eu vou ligar operador clicou, e eu vou chamar isso de um plus, e eu vou copiar isso e colá-lo em todas as outras funções. Este, é claro, será menos e multiplicará e, claro, dividirá. Agora precisamos de uma variável para manter o controle fora deste operador que perdemos clicou. Então aqui embaixo sob último número de imprensa, vamos ter operador var ou O P er. Vamos ter isso. E vamos fazer disso o tipo de corda e deixá-la assim. Em seguida, dentro do operador clicou função. Queremos dizer que o superior é igual ao Opie, o que acabamos de passar, então meio que passa aqui do que dentro desta função. Também queremos definir a última pressão do número como false porque acabamos de clicar em um botão operador, não em um botão de número. Então, se você pensar em uma calculadora, você clica em alguns botões, você clica em vezes e, em seguida, no próximo botão de número que você pressiona. Você espera que isso inicie um novo número em sua tela, e é por isso que definimos o último número de imprensa igual a false. Uma última coisa antes desta palestra termina é nesta função botão de número desligado clicado. Temos que ter uma função que verifica se o último número de imprensa é falso. Então, a maneira como fazemos isso no Swift e na maioria das línguas é adicionar a esta declaração se apenas sob o tipo de chave encaracolada else, abra suas chaves e feche-os. Então esta é a sua introdução ao if else declarações e você vai usar estes tanto na programação. A instrução if verifica uma condição. Seu último número de imprensa. Verdade. Se não for verdade, ele ignora tudo aqui e imediatamente cai no dedo do pé e corre tudo aqui dentro . Então, porque temos uma nova exibição fora dos números, vamos dizer que o texto do ponto da etiqueta de exibição é igual a você. A cadeia do nosso número. Então, onde está antes de nós realmente adicionamos ao texto atual. Desta vez estamos substituindo todo o texto sem número de string. Então vamos ver se isso funciona. Só vou tocar no Play. Oh, nós temos um pequeno fracasso. Agora, quando você começa uma falha no código X direito na parte superior, aperte o ponto de exclamação e quando você rolar para baixo, ele diz que o controlador de visão de classe não tem inicializar é, e que é uma era estranha. Não devíamos ter isso. Vamos rolar para baixo e ver se vejo o que deu errado. Provavelmente tem algo a ver com esta linha. Longe Opera String. Aposto que se o deixarmos em branco, a era desaparecerá e voltará à esquerda. A nossa era desapareceu. Então você tem que ter cuidado com coisas assim quando você está programando, vamos jogar e aqui está. Agora eu vou acertar meus números como eu fiz antes. Vou pressionar mais, em seguida, no caminho para pressionar outro número e nosso display foi limpo. E toda vez que eu acerto uma função de operador, a tela limpa, o que é muito, muito bom. Seria bom se tivéssemos uma função para ver qual operador estava ativo no momento, mas não vamos nos preocupar com isso neste tutorial. Ok, então nesta lição, você aprendeu a manter o controle de coisas dentro do seu código. Usando booleano, manter o controle de cordas, funções passadas, dedo do pé outras funções, e este é o núcleo da programação. Você vai fazer muito isso 7. 7: Estamos quase lá. Temos a nossa calculadora. Podemos acertar um monte de números, um multiplicador e um monte de números. Mas notei um erro. Quando pressiono igual, recebo um zero. Isso não deveria acontecer. Então, venha para o código X e abra seu storyboard de ponto principal dentro de você clique do controlador e no canto superior direito há uma pequena seta chamada O Inspetor de Conexões , e aqui dentro ele diz exatamente o que está conectado em código em outro lugar. E se eu rolar para baixo, ele realmente tem dois eventos conectados a ele. Um é uma manteiga não clique, e um é um clique de botão igual. Claramente, não queremos que a manteiga não clique. E isso aconteceu porque copiei manteiga. Não sem pensar assim. Sempre, sempre programas devagar. Essa é a lição. Então exclua esse, mas não clique, apertando o X. E agora, quando eu aperto Play, eu não deveria obter esse zero sempre que eu acerto igual a igual. Sim, então está consertado. Isso é só uma nota lateral para você. Volte para ver o controlador dot swift e vamos continuar com a nossa calculadora. A primeira coisa que precisamos é de uma maneira de manter o controle dos números que foram inseridos. Assim, o primeiro número que entramos em uma calculadora é seguido por um operador mais menos etcetera. Então, o momento ideal para armazenar esse número é quando o operador é realmente clicado. E já temos uma função para isso. Se você se lembra. Então o que precisamos é de uma variável para armazenar o número atual dentro do rótulo. Até agora, número um ou oh, qualquer um. Na verdade, é uma prática muito ruim usar os números reais em vez de letras dentro de seus nomes de variáveis. E eu vou chamar essa string de um tipo de string, e vamos definir isso como em branco. E precisamos de um número distante para o qual é esta string, e vamos definir isso como em branco. Então em branco é apenas quando eu estou digitando duas aspas seguidas. Ok, no operador clicou. O que temos que fazer é armazenar o último número como número um. Então vamos dizer que o número um é igual a exibir texto do ponto do rótulo e eles podem ser um erro que aparece aqui. Lá está ele. E essa era sobre opcionais? Então, novamente, você tem que incerto ponto de exclamação no final é apenas uma nova maneira de pensar na programação que diz, se não há realmente nenhum texto, eu quero que você tenha muito cuidado com este valor, para eu não ter um acidente horrível. Há muito mais do que isso, mas isso é o básico. Então, toda vez que clicamos, um dos botões do operador ia armazenar um número dentro do número um. E é claro que temos que fazer o mesmo com o número dois. Só precisamos acessar o número dois sempre que pressionamos igual. Então aqui em cima em iguais, Button clicou. Vamos prepará-lo. Vamos dizer Número dois é igual ao texto do ponto da etiqueta de exibição. E não se esqueça da sua exclamação. Agora, se você é novo na programação, eu já mencionei o número dois aqui em cima ainda. É declarado aqui, e isso é bom porque a programação não funciona linearmente assim, então você pode realmente fazer isso. Você pode colocar as coisas onde quiser onde quer que pareça fazer ordem para você como o programa, então é um pouco de uma arte como essa. Agora precisamos de um exame final, se mais verificar. Então vamos dizer se o nosso operador é igual a dois e o que temos aqui? Temos Plus, então vamos fazer algo e vamos dizer outra coisa se o operador é igual, igual a menos, vamos fazer outra coisa e vamos continuar copiando este código e apenas modificando um pouco para cada caso. Então vamos querer multiplicar o caso e vamos querer um caso de divisão algum reboque piranha alinhe estes . Então é fácil de ler para nós. Temos muitos casos. Então, em cada caso, estavam realmente indo dedo colocar algo para fora. O texto de exibição. Vamos fazer um pouco para nos dar a resposta, depois logo no final. Fora disso, nós realmente queremos limpar tudo porque nós já fizemos alguns. Então dizemos que o número um é igual a branco. número dois é igual a branco e o operador é igual a espaços em branco. Isso redefine tudo, mas ainda deixa a exibição na tela como está. E, claro, precisamos ter o último número de imprensa como falso porque novamente, estamos começando de novo dentro do nosso primeiro. Se declaração, vamos dizer vamos responder igual a então precisamos dos números que temos então precisamos de um inteiro feito de número um, porque se você lembrar, ele é armazenado como uma string e nós, claro, elas ficam Quando adicionamos cordas, elas ficam estranguladas umas sobre as outras. Mas precisamos mudá-lo para um número adequado, como uma entrevista que nos permite fazer adição adequada alguém mesmo exclamação no final dessa mais número inteiro dois exclamação. Então precisamos dizer rótulo de exibição não texto é igual a, e precisamos converter a resposta em uma força assim Então isso é apenas testar essa versão para fora. Construa um bem-sucedido. E se eu disser 12 mais 7 é igual a 19 funciona para nós. Então vamos parar com isso. Vamos fazer o mesmo para menos. Não deveríamos ter um problema lá, então eu copiei e colei do Plus, e tudo que eu tenho que mudar é menos. Agora multiplicar e dividir pode ser um pouco mais complicado. Deixe-me bater, multiplicar e ver o que acontece. Multiplicar programação é realmente estrela, então vamos jogar. Venha aqui e diga que cinco vezes cinco é igual a 25. Nada mal. Digamos 999 vezes. Outro número realmente grande é igual a Oh, nós temos uma era, e nós temos muitas coisas assustadoras acontecendo aqui no código X, nos dizendo qual é o erro. Mas neste caso, a era é que o inteiro só pode conter um certo tamanho fora do número. Então, se tentarmos algo chique com esse número e torná-lo realmente grande, o jato Inter vai cair e você tem que realmente tomar cuidado com isso. E esta é a razão pela qual usamos outros tipos de números, como carros alegóricos, duplos e maior inter jizz. Na verdade, podemos ter inter jizz que são 64 bits de comprimento, que são números enormes realmente, muito grande na frente. Vamos mudar estes dois int 60 quatros. Vamos ver o que acontece se executarmos isso e tentarmos um cálculo muito grande novamente. Então vamos tentar que as vezes que é igual e a resposta funciona de modo que o erro anterior é realmente chamado de estouro. Ficamos sem memória dentro dessa interseção, então tenha cuidado com isso no futuro. Agora, vamos em frente e dividir. Vamos copiar isso na propriedade 64 para aqui e mudar isso para uma barra, que é dividir ou executar que no simulador agora vamos tentar algo simples. 10 Dividido por dois é cinco que funciona. Que tal 12? Dividido por cinco? Você pode esperar 2.4 quando eu bater igual, Eu só chegar a agora se você lembrar de um inteiro, se é 64 bit ou não só pode armazenar ah número inteiro. Então, quando ele faz esse cálculo, o que ele faz é cair o ponto, pois ele cai o restante se você não quiser. Para fazer isso, você precisa usar um número diferente. Então, como nossa tarefa final, vamos tentar isso. Vou tentar mudar isto para um duplo. Não tenho certeza se isso realmente vai funcionar, mas podemos sempre tentar como eu tenho dois duplos. Não tenho erros. Isso é bom. Agora vou tocar no play. Vamos tentar 12 Dividido por cinco é igual a 2.4, e isso é porque eles dois instalam decimais. Onde está um inteiro não pode. Então, lá temos. Nosso aplicativo é mais ou menos completo. Eu posso manter bebidas 78 menos sete 71 ele vai fazer um alguns de cada vez para nós