COMO CRIAR UM APLICATIVO COM ANDROID STUDIO E KOTLIN
9.26k views4155 WordsCopy TextShare
Área Tech Brasil
Aprenda nessa Aula como Criar seu primeiro Aplicativo utilizando o Android Studio.
Criar um aplicat...
Video Transcript:
e nessa aula eu chamo de aula não é só mais um vídeo é uma aula você vai aprender do absoluto zero ali como criar um projeto e como criar o seu primeiro aplicativo dentro do Android Studio mesmo que você não tenha nenhum tipo de experiência desenvolvendo aplicativos Android e para você que já tem uma certa experiência de desenvolvimento Android assiste essa aula e me ajuda contribuindo aí comentando aqui embaixo o que que você melhoraria nesse projeto o que que daria para adicionar para poder ficar ainda mais top esse projeto para que os demais venham né as pessoas que estão chegando aqui os alunos que estão aprendendo do absoluto zero possa saber que o que que dá para melhorar nesse projeto é bem bacana requisitos para você acompanhar essa aula junto comigo você que quer colocar em prática você não quer só ficar ali assistindo a aula você quer colocar em prática e realmente aprender Você vai precisar já de cara de um computador infelizmente não tem como eu falar para você programar aí utilizando só o seu smartphone muitas pessoas utilizam o smartphone para poder estudar programação isso é bacana Tá mas no desenvolvimento profissional de aplicativos principalmente o Android aqui você vai precisar Sim quanto antes adquirir o computador então se você puder emprestar um computador dá para você emprestar de alguém um familiar alguma pessoa aí é algum amigo você pode estar estudando na casa desse amigo aí pede para você poder assistir a aula e executar lá no computador dele você vai precisar de um computador de pelo menos 8 GB de memória ram tem que ter 8 GB de memória RAM porque a gente vai est utilizando o emulador do Android 8 GB já é o suficiente se você tiver mais memória RAM vai ser melhor ainda tá vai fazer com que o seu Android Stúdio funcione de uma maneira mais livre Lembrando que aqui no ar teec Brasil eu vou deixi aqui ó no cardz vou deixar aqui para vocês se não esqueci ou aqui na descrição eu ensino a você utilizar o seu próprio Smartphone Android para você poder conectar o cabo aqui ó e rodar os seus aplicativos diretamente no seu Smartphone isso é bacana porque você pode levar aí pro pro recrutador Você pode levar pros seus amigos poderem ver se seus aplicativos também tá mas a ideia é eu te ensinar o modo profissional de desenvolvimento de aplicativos que é utilizar um Android Studio um computador e o próprio emulador do Android Studio tá Emerson precisa saber programar não precisa porque eu vou mostrar para você aqui o básico e o essencial para você poder ver como que funciona processo de desenvolvimento de aplicativos não fica aí preso ou apegado nessa questão de o que que é cada código que eu vou mostrar para você aqui não fica tá vou tentar explicar de uma maneira mais Ampla possível Tá mas não precisa saber programar para você poder entender porque a minha ideia que o meu objetivo é ser o mais didático possível e se durante a aula você perceber que eu tô sendo bastante didático já deixa o seu like que vai ajudar bastante tá vamos lá então qual que vai ser o aplicativo primeiramente né Vamos abrir aqui vamos pra tela aqui on a gente vai começar a desenvolver já qual que vai ser o aplicativo que a gente vai estar desenvolvendo Olha aqui eu abri o Android Studio primeiramente tá tá abertinho aqui a versão do meu Android Studio é o Iguana ele tá na versão 2023. 2 P1 não sei se tem uma versão mais recente mas essa daqui foi a última atualização que eu fiz então dá uma verificada aí Mas independente da versão que você esteja aí o que eu vou mostrar para você aqui é o conceito todo o conceito aí para você poder estar desenvolvendo em qualquer versão que seja essa aqui é a ideia beleza para você não ficar preso aí na versão de android você vai estar utilizando aí Aqui são os os meus outros aplicativos que eu tô desenvolvendo aqui gravando aula tô desenvolvendo algumas aulas bacana logo logo futuramente vai vir umas aulas top Então se inscreve no canal que vai ser bacana para você tá o aplicativo que a gente vai criar é um aplicativo que eu venho criando bastante aqui com vocês no Tech Brasil que é um aplicativo chamado de aplicativo de sorteio A ideia é fazer com que esse aplicativo Gere um número randômico através da programação a gente vai criar o layout para poder colocar os componentes para poder exibir esse número e depois a gente vai lá pra parte do código A diferença é que dessa vez eu tô batendo muito na tecla da linguagem cotl até para mim poder est fixando também porque eu sou um eterno aprendiz eu não sou dono da razão eu não sou especialista assim 100% em desenvolvimento de aplicativo Android Porque sempre tem coisa nova saindo por aí e eu tô sempre estudando então até para poder usar a técnica faiman de tá fixando o meu conhecimento eu gravo aulas aí utilizando a linguagem cotting cotlin é nov para mim mas como eu já venho da linguagem ja para quem me conhece aqui na aotec Brasil tá sendo bacana tá sendo bem top essa transição aí também tá Então primeiramente Vamos criar o nosso projeto vou clicar aqui em new Project aqui tem uma pegadinha para os alunos aí a galera de antigamente do Android 3. 5 4.
1 a galera do Android Studio antigo né lá no nos primórdios aqui do canal que era o quê você clicava em empt activity só que se você clicar em empt activity você não pode escolher nenhum outro tipo de linguagem aqui no caso o empt activity Agora é para um outro tipo de desenvolvimento chamado de composing Esse composing é um outro tipo uma outra maneira de programar e desenvolver aplicativos logo mais se tudo der certo eu vou trazer aulas explicando exatamente sobre esse compos né Jetpack compos essaa nova maneira de est desenvolvendo aplicativos utilizando o Android Studio Então tá tá bem bacana cara o Android Studio é uma ferramenta bem bem completa mas ele não tirou as versões anteriores aí para você poder desenvolver aplicativos de uma maneira tradicional que é utilizar o Java e a linguagem cotlin aí com uma activity branca né então você vai vir aqui ó você vai vai clicar em empt views activity esse aqui aqui é o verdinho tá você vai clicar nele você vai dar next e ele vai te dar mais opções inclusive para você poder selecionar a linguagem que você quer utilizar no seu projeto tá aqui no caso eu vou deixar marcado o cotlin Eu não vou mexer aqui também na versão da api Tá eu vou deixar a versão 24 tá Tá bacana E aqui que eu vou colocar o nome de aplicativo sorteio e eu vou colocar cotlin por quê Porque é a linguagem que a gente vai est utilizando para poder criar o nosso aplicativo vou clicar aqui em finish antes de eu clicar em finish aqui repare onde é que tá salvo o seu projeto tá Às vezes você vai querer tá olhando o seu projeto salvando o seu projeto então só dá uma olhadinha on dia é que tá salvo o seu projeto para você não ficar perdido aí depois beleza vou clicar em finish Vou esperar ele carregar ele vai fazer o gradle vai baixar o que tiver que baixar aqui geralmente esse processo demora por isso que você precisa ter um computador aí com pelo menos 8 GB de memória para não ficar travando tá aqui ele vai aparecer essa mensagem do Windows defender tal para você configurar é só você clicar aqui no x não precisa configurar agora mas tira um tempinho depois para poder mexer isso aqui eu tô falando PR você tirar um tempinho mas nem eu tirei um tempo para poder fazer isso né ol Olha a hipocrisia né vamos dizer assim bom depois que ele finalizar toda a configuração do Android Studio repare que não apareceu nenhum tipo de mensagem de erro quando aparece erro mesmo quando o Android Studio dá erro ao ponto de não funcionar de gerar dor de cabeça para você ele vai subir uma barra aqui e vai aparecer um monte de mensagem então se não deu erro beleza você segue a aula se deu erro clica aqui ó nesse cardz inho que eu vou colocar uma aula aqui explicando como instalar e configurar o seu Android Studio corretamente Beleza eu vou clicar aqui agora em activity m para ele poder mostrar a minha tela a minha primeira tela a tela principal do meu aplicativo que está aqui na activity Main quando você clica nela ali já te traz um projeto já pré-definido el traz algumas informações relevantes já pré-configurada a ideia do Android Studio aqui é facilitar o seu desenvolvimento Então vamos lá primeira coisa que eu vou fazer eu vou clicar aqui no meu Hello Word aqui eu vou deletar vou apertar a tecla delete do meu teclado ou eu vou vir aqui ó com o botão direito e vou procurar por delete Tá eu vou posso clicar aqui em delete ou simplesmente apertar o delete do meu teclado aqui ó vou clicar no no componente aperto vou vou clicando em delete até ele sumir aqui da minha interface Beleza então o nosso aplicativo vai precisar basicamente de três componentes o primeiro componente é um componente para poder falar para usuário do que se trata Esse aplicativo não sei se é tão necessário assim mas a título de aprendizado eu vou estar colocando aqui o segundo componente é um botão que vai ser responsável por disparar uma ação do nosso aplicativo e o terceiro componente é um outro text View que vai ser responsável por exibir o número randômico que a gente vai estar colocando aqui no nosso aplicativo então vamos aqui na nossa palheta de componentes o Android Studio el D duas opções de criar esses componentes você pode criar através de texto que é ver aqui você pode clicar aqui ó em splint então você pode ver que se eu for colocando componentes aqui ele vai criando os códigos para mim ou você pode criar isso através de textos utilizando o XML que é uma linguagem de marcação de texto tá isso aqui é uma outro um outro estilo um outro tipo de linguagem vamos assim dizer para você poder estar criando seus componentes vamos assim dizer tá mas vou voltar para cá Só para você poder ver ó vou colocar aqui um text View vou posicionar ele aqui e agora vou lá no split olha só ele criou o nosso text View tá ele tá gerando erro aqui falando basicamente acho que é porque não tem uma regra de layout preciso criar uma regra de layout aqui lá na nossa interface tá então conforme eu vou colocando componente aqui ele vai criando o nosso XML e você pode fazer isso manualmente também tá isso é bacana você pode vir aqui manualmente no XML e criar e a maioria dos desenvolvedores fazem isso tá Mas eu prefiro tá vindo aqui pegando componente jogando para cá e tá E criando né a nossa regra de Leal agora eu vou criar um outro componente vou pegar um outro componente aqui que é o Button Igual eu falei esse Button vai ser responsável por fazer com que o nosso aplicativo dispare uma ação tá então vou posicionar ele aqui e vou pegar um outro text View que vai ser responsável por exibir o resultado do nosso aplicativo agora eu vou vir aqui e vou executar o nosso aplicativo só para você poder ver quem é aluno antigo aqui do aerotec Brasil sabe que vai dar um erro aqui bem estranho na verdade né vou clicar aqui ó Run ele já vai procurar um emulador ou um dispositivo que tá configurado aqui no Android Stúdio e como meu emulador já tá configurado ele já vai executar e olha só ele abriu aqui e olha que bagunça que ficou o nosso layout né Olha só o Button e os outros dois text View tá tudo amontoado aqui nesse canto né Isso aconteceu porque eu não criei a minha regra de layout para poder criar regra de layout eu vou clicar no meu Tex aqui eu vou dar um zoom ó vou dar um zoom aqui aqui embaixo clicando aqui embaixo eu vou clicar e arrastar do lado esquerdo vou clicar arrastar do lado direito e vou fazer essas conexões aqui em cima a mesma coisa eu vou vir aqui também em atributos eu vou fechar isso aqui ó pode fechar essa aba de projeto aqui tá tranquilo pra gente poder ter mais espaço eu vou clicar aqui em atributos e aqui em atributos aqui tá zerado tá vendo eu vou colocar 32 que ele vai criar esse espaçamento aqui beleza também vou fazer a mesma coisa com o nosso Button vou clicar nele aqui eu vou criar uma conexão da esquerda uma conexão na direita e uma conexão superior essa conexão superior eu vou deixar ele aqui conectado em referência ao nosso componente anterior que é o text viw vou marcar ele aqui também vou colocar um espaçamento de 32 ele vai colocar esse espaçamento vou vir aqui no nosso text aqui também de baixo vou fazer a mesma coisa vou conectar a esquerda conectar a direita e aqui Opa Vou clicar de novo aqui eu vou conectar ele com relação ao nosso Button vou colocar o espaçamento de 32 agora vou re executar o nosso projeto olha só que bacana que ficou agora ficou exatamente do jeito que eu queria do jeito que eu coloquei aqui na nossa interface e ele respeitou essa regra de layout aí show de bola mas para poder ficar mais visualmente agradável vamos assim dizer eu vou colocar aqui o nome do nosso aplicativo já que eu coloquei o text viw ali vou colocar aplicativo de sorteio vou dar um enter beleza e aí eu vou clicar também no nosso Button e aqui eu vou colocar um texte nele ó tá aqui texte eu vou colocar sortear que é para ele poder fazer o sorteio então quando o usuário pressionar ele ele vai sortear um valor Tá eu vou vir aqui também e vou mudar uns atributos que é por exemplo o text size Vou colocar aqui desse Button vou colocar 16 para ver como é que fica vou colocar maior 20 vou colocar 24 vou colocar 34 Nossa vamos ver se não vai ficar ruim o aplicativo de aplicativo de de sorteio aqui também o nome aqui esse componente eu vou colocar também 24 Ah ficou legal mas vou colocar 34 vamos ver como é que fica Ah legal beleza E esse nosso Tex ado também né eu vou colocar aqui eh número sorteado dois pontos espaço vou dar um enter beleza também vou aumentar o tamanho dele o text size vou colocar para 34 número sorteado acho que eu vou diminuir um pouco vou colocar 20 acho que fica bacana né e eu vou re executar pra gente poder ver como é que vai ficar vamos ver como é que vai ficar nosso layout Tomara que não quebre Tomara que não quebre não quebrou Que bacana Olha que legal ficou bem mais visível né aqui eu poderia colocar também aqui ó em né Poderia vir aqui ó em bold ó ia ficar mais destacado Acho que fica mais bacana ainda né fica mais interessante vamos ver como é que fica ó lá carregando Ah show de bola hein bacana demais então vai vai fazendo junto comigo aí vai acompanhando que é bem interessante Beleza Eu Já criei a interface do meu aplicativo porque Qual que é a ideia agora quando o usuário pressionar o botão ele vai trocar essa mensagem aqui pelo número sorteado é isso que eu quero fazer mas para isso eu preciso criar a lógica do nosso aplicativo e a nossa lógica fica dentro do arquiv vinho mainactivity. kt esse KT vem de cotlin tá antes dear pro código eu preciso só mudar a referência aqui o identificador desse componente que vai ser alterado lá no código então preciso colocar um nome aqui nele que eu consiga ver e identificar ele e localizar ele no caso lá no nosso m activity.