CRIE SEU PRIMEIRO APP | Tutorial Passo a Passo

Oi e aí galera sejam bem-vindos a mais um vídeo do brilho e hoje eu vou te mostrar como criar seu primeiro aplicativo usando é mate é Pimenta os dois não sabe que placa promessa ou do que que eu tô falando não deixe de assistir a primeira parte desse vídeo que eu vou colocar no card aqui em cima beleza para começar né o nosso primeiro aplicativo eu resolvi reproduzir de novo projeto que eu já tinha feito aquela calculadora de Bhaskara E para isso eu vou deixar aqui o link do projeto e na descrição para quem quiser

já dá uma olhada de como ele fica no final e dando escola e rápido a nossa calculadora vai ficar mais ou menos assim você coloca o úbere você Clique em calcular e ele te mostra a equação e a resposta das raízes dessa essa resolução Não é matemática então sem mais delongas vão lá permitirá que inventa para mostrar para vocês como começar esse projeto é e quem tá lembrada do vídeo passado lembra de uma tela parecida com essa em que você tem um smartphone os componentes que você pode colocar que der e as propriedades de cada

um então agora primeira coisa que eu vou mostrar para vocês essa seção aqui de organização ela é muito útil para você colocar né à disposição certa dos seus componentes na tela vou pegar aqui então um ou uma organização vertical Vou colocar aqui perceba que agora ficou um quadradinho né no canto da tela Não Era exatamente o que eu queria Então vou mudar algumas propriedades como a largura que vai preencher o principal e vou deixar altura como automático e aqui dentro eu vou colocar alguns componentes que vão se alinhando né na vertical eu vou ver aqui

para partir de interface do usuário e vamos colocar uma legenda essa legenda vai ser o título do meu projeto é sempre ela ficou aí no cantinho também na hora que eu queria Então vou voltar aqui selecionar a organização Medical mudar o alinhamento para o centro e vou colocar é eu vou mudar aqui algumas propriedades da minha legenda quero que ela fique por exemplo quero mudar o tamanho da fonte para 22 para ficar maior quero mudar a fonte para o com serifa fica mais com a minha cara e o texto eu vou mudar aqui para calculadora

de Bhaskara tô percebendo aqui rapidamente eu muda algumas propriedades meu aplicativo tá ficando com a cara mais parecida com o que eu quero depois de colocar um texto Vamos colocar uma imagem na nosso projeto para colocar uma imagem você precisa vir aqui na parte de mídia e Enviar um arquivo clicando nesse botão eu já tenho algums enviados e eu vou só selecionar eles aqui nessa parte de imagem da minha propriedade eu quero aplica aqui eu selecionar por exemplo básica e vou ter uma equação da minha imagem se percebem que não conto bom né então para

gente melhorar eu vou mudar aqui a altura dele vou colocar uma porcentagem por exemplo de doze por cento dá um ok e piorou a situação da minha imagem aí eu vou clicar nesse botão aqui de redimensionar para caber ficou é preciso ainda não quero mas se eu clicar mais de uma vez olha só minha mãe ficou ótimo ficou aqui no equação Zinho de Bhaskara aparecendo no nosso projeto forma simples e rápido então lembro muda a altura da imagem fiquei para redimensionar diz que Okay para redimensionar conto do livro legal vou botar aqui mais uma legenda

para avisar que é para uma pessoa digitar o ar e vou colocar uma caixa de texto desse jeito aqui ó e a partir desse fora que der pronto então aqui nessa legenda e vou escrever por exemplo é valor de ar desse jeito aqui pronto e aí eu vou colocar outras dessas para gente poder pegar o Bê você do jeito né que a gente tem que fazer para calcular o nosso lá E aí E aí e por último eu vou mudar aqui vou colocar um botão no meu projeto que vai ser um botão para calcular colocar

ela aqui dentro e vou escrever dentro do texto do botão calcular perceba que você também pode alterar várias coisas é no botão a cor a forma tamanho Mas por enquanto para ficar um pouquinho mais rápido eu vou deixar esse botão bem padrãozinho tudo bem bom agora a gente já tem um monte de componentes dentro do nosso aplicativo e para organizar melhor a gente precisa rir nomeamos justamente para facilitar na hora da programação da por exemplo ao invés de legenda um eu vou renomear esse aqui para título assim fica bem mais fácil e sabendo que que

eu tô mexendo a imagem um vai se chamar equação vou botar até um pia MG antes para eu saber que é a imagem que eu tô mexendo e MG e acima Oi e aí G equação pronto e a legenda dois eu vou botar um nome tipo título a para eu saber que é só um texto que eu não vou mexer nunca a legenda três tiro tudo B Oi e a legenda quatro ti tudo certo e pronto agora as caixas de texto também vou mudar vou colocar aqui o valor a aqui vou mudar a seguir para

valor ver e quem é essa última para você E aí a beleza temos aqui uma estrutura Inicial por último eu vou colocar mais uma organização vertical dentro do nosso projeto pro mostrar né o que de fato a gente colocou na tela eu vou mudar aqui para preencher o principal a largura e dentro dessa nova organização eu vou botar uma legenda duas legendas e uma imagem imagem pra ter antes outras legendas aqui pronto vou mudar a organização também para botar o alinhamento para o centro e nessas legendas aqui eu vou mudar o texto para por exemplo

sem equação que que é onde vai mostrar equação do nosso projeto e aqui eu vou colocar sem resposta em sem resposta a press imagem eu vou usar um x um chequinho para mostrar se deu certo se deu errado a nossa calculadora eu vou escolher que nem imagem por enquanto eu vou botar um xizinho para mostrar que deu errado e aí Preciso ir em funcionar bem aquele mesmo esquema vou mudar aqui para cinco porcento altura dele ou redimensionar vou tirar ele tá aí aparecendo pra gente beleza agora a gente já tem um rostinho do nosso aplicativo

vamos pra parte difícil é como que a gente programa esse negócio vocês vão ver que não é tão complicado assim mas que vai levar uns Passos né para gente estruturar esse bonitinho então para fazer isso a gente tem que ligar aqui na parte de Blocos para gente clica a gente vai ter essa tela em branco e vários comandos que a gente pode arrastar aqui para dentro para facilitar esse vídeo né não ficam cultural muito longo eu vou usar um recurso maravilhoso do nosso ek-vector que essa mochila aqui ó aqui dentro eu tenho um monte de

código antigo que eu já fiz que eu deixei guardado é do meu básica né aquele projeto que eu já tinha feito então assim a gente vai conseguir estruturar tudo de uma forma bem mais simples mas para facilitar você que tá conversando tem que mostrar o básico daqui de ideia a gente tem estrutura de controle como se senão a gente tem aqui looks diferentes que dá para trabalhar é isso não só de controle gente tem a partir de lógica para ver se alguém maior igual menor e ou verdadeiro ou falso até a parte matemática uma parte

de texto uma parte listas está um pouquinho mais complicada dicionário gente tem que um espaço de cores variáveis procedimentos e os nossos componentes que eu por exemplo primeira coisa que eu coloco não vou fazer um aplicativo é esse aqui ó vamos Queen inicializar ou seja para a primeira coisa que o aplicativo tem que fazer quando abrir é um dois três quatro colocar as coisas lá que tem que acontecer nesse caso aqui eu vou apagar esse bloquinho e vou puxar da mochila o que eu já tenho pronto então esse aqui ó a gente abaixo um pouquinho

Ah tá me avisando tá vazio eu vou pegar esse aqui ó quando o inicializar eu quero ajustar no caso aqui tava Ah mas agora é valor já valor de b e valor de ser para ser somente números que que isso quer dizer Rafael bom se a gente voltar aqui no design vai lembrar que o valor de avalor de emprego Aonde vocês são essas caixas tem e não quero que a pessoa escreva ABC de x y z eu quero que ela falou que somente dígitos então esses comandos aqui fazem isso e da onde que eu pego

esses comandos só não tem na minha mochila bom você pode vir aqui na parte do valor a e você vai ter coisas como ajustar valorar Deixa eu ver se eu acho o texto aqui ó valor a texto para E aí você coloca aqui esse pode mudar inclusive que a pra somente números etc Então você vai aqui no valor a Vai procurar vai colar aqui ao somente o número dele vai para lá que também vai fazer isso para ver e para você bom além dessa parte de inicialização a gente também vai precisar de ao a variáveis

para o nosso projeto que você vai pegar aqui na parte de variáveis pra você pode inicializar uma variável Global vai dar um nome para ela por exemplo daqui a e a gente pode atribuir para ela um número então vou pegar aqui por exemplo da Matemática 10 pronto se você olhar a minha mochila eu já tenho várias variáveis que eu vou precisar para montar esse Bárbaro eu tenho aqui por exemplo B eu já vou colocar eu vou pegar daqui de dentro por exemplo o X1 que vai ser a minha resposta né da minha primeira raiz eu

vou precisar do X2 tá faltando você posso ficar aqui da conta você comprou bem nenhum Poppi Cola é vez desse b2 eu vou ter um ser que dentro e pronto pronto e aí é falta algumas variáveis que a gente também vai precisar o equação e o resposta perceba que esses dois tanto equação quanto resposta eles vêm contexto que a gente pega esse bloquinho aqui para atribuir para ele mas se importante para o andar do nosso tópico beleza Será que não esqueci de nada esqueci sim o delta eu tô inicializando aqui com menos um para o

nosso código funcionar direitinho legal agora a gente vai para o blocão Né o grande bloco que faz a lógica do nosso aplicativo como o meu objetivo é ensinar vocês a recusar a plataforma e não necessariamente aprender Buzz cara eu vou ser um pouquinho mais rápido nessa parte também então vou pegar aqui esse bocão eu vou explicar da onde que eu tirei os blocos como que eu montei essa lógica toda Então vou puxar aqui esse bocão vou botar para cá e vamos corrigir ele né que tá com uns errinhos aqui ó dez erros DX enquanto eu

vou explicar o a partir desse Bocão é esse aqui ó quando alguém clicar naquele botão de calcular que tem aqui na nossa tela por enquanto ele bota outra chamado de Botão um vou mudar o nome dele para calcular aqui pronto e aí eu vou lá nos blocos vão dar quando eu clicar na calcular alguma coisa tem que acontecer onde que eu pego esse ló aqui ó calcular um botãozinho que a gente tem que que vai acontecer que der primeiro eu vou mudar vou guardar os valores né que eu escrevi na caixa de texto dentro das

minhas variáveis então eu vim aqui na parte do valor a peguei o texto de valorar vem aqui na parte da Rubi peguei outra escola B vem aqui na parte da você peguei o texto para você guardei tudo dentro das variáveis para que para poder calcular o delta E aí o delta eu usei bastante os blocos da matemática e você gente vai aqui vocês vão ver blocos como esse menos aqui que o primeiro que eu usei dentro desse menos eu coloquei um bloco de vezes que dentro coloquei o b e o bem para fazer o Biel

quadrado do Zap o outro lado eu fiz mais ou menos a mesma coisa peguei um bloco de vezes e eu fiz aqui ó quatro vezes um bloco de vezes de novo a ser para fazer 4 assim então dela que dá do bhaskar é B ao quadrado menos 4 a c tá aqui montado ele vai ficar guardado dentro da minha variável dela agora a gente vem para aquela parte da raiz Você tem que ver se o delta e negativo se ele é Zé você de positivo e eu detesto isso com esse grandão aqui ó senão eu

peguei do BOPE de controle então Aqui ó pode pegar aí daqui colocar E aí eu testo se o meu Delta é maior ou igual a zero Se isso for verdade então ele vai mostrar aqui a resposta da minha passam senão ele vai mostrar aqui ó equação invalida resposta complexa e vai mudar as coisas então vamos parte a parte no que acontece aqui primeiro eu vou mudar o texto né tem que a legenda 1 legenda dois não sei o que que é isso bom vou voltar aqui no design vou mudar esse que tá legenda um sem

equação o nome para equação pronto e esse aqui legenda dois que a resposta eu vou mudar o nome para resposta eu vou botar a resposta texto ficou de uma variável chamada resposta tô com medo de confunde de vocês vamos voltar aqui texto resposta Pronto agora voltando lá para os blocos vamos dar uma olhada Eu quero ajustar o texto da equação para esse esse blocão aqui ó essa parte aqui Pode parecer um pouquinho difícil no texto a gente tem esse blog chamado de um tá que vai juntando vários textos que eu escrevi aqui ó f de

x valor de ar x ao quadrado mais valor de B existir mais valor de ser E aí a gente monta Nossa equação que vai aparecer lá no projeto depois disso eu vou procurar aqui ao X1 e para esse eu usei vários blocos da matemática de novo usei esse aqui ó trocar sinal é bem legal porque ele troca o sinal né tempo aqui embaixo do bebê então ele vai fazer menos B mais raiz quadrada de quem do Delta tudo isso dividido por 2 a fórmula de báskara e na parte de baixo eu guardei 1 x 2

a mesma coisa só através do mais o médico então eu monto o passo 2 x 1 x 2 e agora Tem que apresentar isso no nosso texto no texto do que dá resposta cada texto A resposta é o nome do nosso componente né que mostra lá na nossa ideia Qual que é a resposta que vai aparecer e eu vou deixar X1 = pega o valor de x 1 na variável x 2 = pega o balut dois junto tá tudo no texto do Sol E aí depois eu ajusto imagem daqui chamado de imagem dois meses no

caso a imagem mim vou até renomear para ficar mais fácil essa imagem daqui de baixo ela vai se chamar ícone Porque é o único que vai mostrar seu certo e deu errado e volto aqui nos blocos e mudam se o ícone é se deu certo o ícone vai ser um chequinho se der errado o ícone vai ser um X e eu só tenho que arrumar esses textos aqui do meu grau e nós temos aqui uma versão montada do nosso projeto quando o Google ex Mas é porque eu escolhi fazer um basca né que muita matemática

você pode criar várias coisas aqui dentro é só dar uma passada no design né dá para ver aqui ó mídias diferente tem desenhos tem parte de social dá para mexer com banco de dados dá para mexer com vários sensores que eu acho que a parte mais legal que você pode entregar uns projetos robótica mas hoje a gente fica aqui Colocou o produto legal Rafael montei o meu projeto como é que o uso esse negócio bom primeira coisa que você pode fazer se você tem um celular Android que já baixar deixar instalar no seu celular é

clicar aqui no botão de Kombi lá e baixar o arquivo APK eu quando eu vi aqui eu posso salvar esse arquivo E aí ele tá no meu computador eu mando o meu celular instalo normalmente e ele você vai ter esse aplicativo baixado no Android mas Rafael não tenho celular Android Será que dá para usar ou melhor eu tô testando o meu aplicativo ainda eu vou ter que ficar baixando 500 vezes ele do meu celular para ver como é que ele tá funcionando não foi mais quieto inventou pensou nisso e criou uma plataforma muito legal chamado

em paetê com Pinhão o nosso o nosso o assistente cair então assim que ele terminar de comprar aqui vou mostrar como que ele faz como vocês podem ver dá para pegar aqui a sua aplicação baixando ou pelo próprio QR Code então bem legal a forma de compilação agora vamos ver que como que funciona o ei ai né o assistente ai você vem aqui nesse botãozinho de conectar e clica nesse assistente aí aí vai aparecer um QR Code na sua Téo e você pode escanear ele com seu celular e aí você vai ter o aplicativo Funcionando

aqui ideia então para melhor demonstrar para vocês eu baixei ele no meu celular vou colocar a minha tela para gravar e vou mostrar para vocês como que fica né é toda essa dinâmica com celular entrei aqui no meu aplicativo eu vou aplicar aqui escanear QR Code ele vai pedir para usar minha câmera eu vou deixar quando a escaneie o QR Code vocês vão ver que meu celular já vai começar a carregar o aplicativo para dentro dele e eu posso testar o maior e tem que baixar várias e várias vezes é muito legal olha aqui como

é que tá o aplicativo bom eu vou escrever aqui só de teste e eu clique em calcular vocês podem ver que ele monta a equação para mim e coloca as respostas das raízes ainda dá um cheque Zinho mostrando que deu tudo certo se eu colocar por exemplo o valor tipo 1 E aí vai dar raiz complexa Será que ele funciona e a resposta é sim ele fala a resposta não vai não é resposta complexa no caso bom gente espero que vocês tenham gostado do aplicativo nós temos várias dicas sobre tecnologia aqui foi o vídeo pouco

mais um mas acho que deu para pegar uma visão Geral do que que dá para construir com minha mãe que aquele batom se você quiser ver como que é gravar esse tipo de tecnologia como por exemplo um projeto de Arduino fazer uma automação na sua casa coloca aqui nos comentários que a gente pode pensar em montar um tutorial com esse Beleza eu vou ficando por aqui muito obrigado por me assistir e até mais