ūüďĪ Como Criar APP Android no Kodular Sem Programa√ß√£o – Menus e Telas

[Vider id=19 ]fala at√© que eu fiz n√£o esque√ßa de se inscrever no canal clicar no ossinho para receber todas as notifica√ß√Ķes e depois curtir o v√≠deo a ataque reinaldo siloto de volta acontece aqui do tek sun hoje no segundo v√≠deo de como vamos criar o menu e as telas da nossa aplica√ß√£o a id√©ia √© que o aplicativo tenha todo o conte√ļdo do kit do curso de ti que eu estou publicando aqui no youtube e que o menino seja que ele sai de menu aonde voc√™ passa o dedo voc√™ arrasta o dedo e ele surge vamos ter quatro telas nesta aplica√ß√£o uma com todos os v√≠deos do curso outra com um manual de refer√™ncia dos principais comandos do kit outra com o conte√ļdo s√≥ sobre o derrame como voc√™ trabalha com o hit run e para que serve o tingui e uma quarta e √ļltima p√°gina onde v√£o ter links para outros v√≠deos do tek sun talvez um v√≠deo super bacana onde voc√™ vai aprender v√°rios conte√ļdos v√°rias ferramentas do collor para depois voc√™ poder replicar a√≠ na sua aplica√ß√£o o ideal √© que voc√™ crie um ep parecido com o meu ou id√™ntico ao meu para que voc√™ aprenda como o coldre funciona e depois voc√™ altere ele para sua necessidade quer criar um card√°pio e se √© porque n√≥s vamos criar vai poder servir como base que √© criar um ep para o seu canal do youtube tamb√©m vai servir como base legal que voc√™ fa√ßa tudo o que eu estou fazendo a companhia esses cinco v√≠deos que eu vou postar e no final vamos ter uma live onde voc√™ vai poder tirar suas d√ļvidas mas √© importante que voc√™ tenha em mente que agora vamos criar um aplicativo para o curso de ti do tex 1 da√≠ quando acabar eu vou poder tirar todas as d√ļvidas que voc√™ tiver para ajud√° lo no seu aplicativo espec√≠fico mas √© importante que voc√™ fa√ßa esse curso completo esse curso para s√≥ depois tentar fazer algo diferente e se n√£o voc√™ vai ficar totalmente perdido e n√£o vai sair do lugar combinado a e lembrando curte o v√≠deo compartilha assina o canal aqui do tex um click no sininho para saber quando eu vou postar os pr√≥ximos v√≠deos ser√£o a directora n√£o acho que quinta sexta s√°bado domingo vai ter v√≠deo com mas √© importante que voc√™ clique no cinema assim o canal para ser primeiro a saber quando o v√≠deo sob combinado aguenta e logo depois da vinheta eu volto com o col√≥n as inscri√ß√Ķes e o menu lateral [M√ļsica] voltei at√© que olha s√≥ j√° estou aqui no meu painel do com ela pra gente criar o nosso projeto pretende criar o nosso aplicativo √© dos cursos de ti do texas 1 eu sempre pra c√° porque tem uma lousa que depois se voc√™s quiserem at√© coloca nuno stories que √© onde eu deixo toda a estrutura do aplicativos – tem um iphone completo aqui eu recomendo tamb√©m que voc√™ tem uma lousa a√≠ com voc√™ pra voc√™ desenhar e depois s√≥ programar s√≥ desenvolver j√° tem id√©ia de como vai funcionar com vai navegar entre uma tela e outra e quais s√£o as telas da sua aplica√ß√£o √© uma coisa que √© bacana que eu esqueci de comentar √© que o corolla tem vers√£o em portugu√™s do brasil ent√£o voc√™ pode selecionar aqui o idioma √© e utilizar s√≥ que lembrar que ele tamb√©m traduz os blocos l√≥gicos e isso pode ser um pouco chato porque n√£o vai ser rivais e s√≥ tem que acostumar a sua mente a√≠ que tudo est√° em portugu√™s s√≥ tomar cuidado com isso vamos criar um novo projeto vou chamar ele de gift ep √© que √© um nome bem tranquilo bem simples depois a gente achar que no painel e ele j√° abri o editor que n√≥s vamos fazer agora √© configurar esta screen que ele abriu que ele criou inicialmente ent√£o a gente vem aqui desce at√© a vers√£o do sdk ent√£o eu recomendo que voc√™ use sempre a vers√£o 18 principalmente quando vai trabalhar com o youtube com v√≠deos no youtube se voc√™ estiver 16 n√£o vai funcionar a pedido do youtube tom deixa sempre no sdk cdap 18 do android para voc√™ n√£o ter problemas ent√£o selecionou 18 aqui descendo t√™m essa op√ß√£o de barra de estado eu tamb√©m costumo eliminar ela porque √© onde aparece ali o estado do iphae da bateria o hor√°rio √© eu acho que √© mais bonito um aplicativo na tela toda ent√£o j√° fa√ßo isso e descendo mais voc√™ tem o t√≠tulo dessa tela dessa primeira tela eu vou colocar ela como puxo o curso de excel n√£o v√£o por aqui o curso acho que fica mais bonito fica mais legal ali agora n√≥s vamos voltar aqui para nossa o painel principal e vamos colocar o que um menu o site menu neste aplicativo e como fa√ßo isso eu venho aqui na paleta organiza√ß√£o e aqui tem a quarta op√ß√£o chamada sai de mim no click o arrasto e solta a clique aqui para a tela do meu hebe se voc√™ descer voc√™ vai ver que ele est√° aqui porque ele √© um componente invis√≠vel voc√™ n√£o consegue ver ele no modo visual voc√™ s√≥ tem os blocos l√≥gicos dele que a gente vai ver daqui a pouquinho outra coisa que eu deixei pronto que tamb√©m s√£o algumas imagens e cores pra gente usar nesse aplicativo √© eu deixei o header do menu que √© o povo do menu do site – 11 e cozinha que vai ficar nesse nesse header e alguns √≠cones para cada um dos itens do menu que n√≥s vamos ter na aplica√ß√£o ent√£o vamos subir isso tamb√©m antes de configurar qualquer coisa aqui √© no site minuto clique em acidentes nessa tela √© aonde o seleciono as imagens que eu quero subir para o meu projeto tamb√©m √© s√≥ clicar em upload e subir as imagens voc√™ pode clicar e arrastar e soltar a√≠ s√≥ que nem sempre funciona ent√£o eu prefiro ir um mesmo √© mais demorado mas s√£o s√≥ seis imagens tamb√©m ent√£o n√£o tem nenhum problema aqui as seis imagens de um fecho agora eu tenho um acinte pronto para poder trabalhar no meu aplicativo legal que depois eu vou deixar esses arquivos para download tamb√©m a√≠ na descri√ß√£o sempre clique na descri√ß√£o dos v√≠deos que tem bastante coisa l√° pra voc√™s principalmente download agora aqui √≥ tem a op√ß√£o de r√©ver background eu vou selecionar o meu png que eu subi vou dar o ok e no piau√≠ vou subir tamb√©m o √≠cone do technion que eu j√° subi e vou dar ok no t√≠tulo eu vou p√īr assim os cursos √© que juntos e no o pavor invertida ent√£o aqui eu vou p√īr no header curso t√©cnico e no subt√≠tulo it to dizendo que √© um aplicativo do scud um curso do texas 1 e especificamente the gift agora isso aqui eu j√° consigo ver no companion ent√£o eu vou abrir aqui o assistente ou ler esse qr code l√° finalmente carregou e agora a gente j√° tem l√° e se eu fizer aqui o menor se rolar o dedo j√° parece o nosso site menu criado logo o zinho nuno godinho que beleza cursos t√©cnicos um kit pronto t√° feito nosso site – agora n√≥s vamos para os blocos l√≥gicos aonde a gente vai come√ßar a programar eu vou vir aqui nessa op√ß√£o procedimentos vou pegar esse primeiro bloquinho l√≥gico que tem aqui depois eu vou e sai de menu e vou pegar esse segundo que √© o chamado side – layout ou por dentro dele aqui dentro eu vou alterar procedimento para sai de menu n√£o √© s√≥ pra ficar √© o nome vis√≠vel daqui a pouco voc√™s v√£o entender porque eu estou usando isso e agora n√≥s vamos ganhar todos os itens do nosso menu ent√£o vou vir aqui em texto vou pegar esse primeiro bloco √© l√≥gico vou por ele aqui e vou digitar aqui √≥ v√≠deos n√£o √© porque o nosso primeiro item do menu s√£o os v√≠deos do curso agora na imagem eu vou pegar de novo um texto e vou colocar o que o nome do √≠cone que eu quero que apare√ßa nos v√≠deos que eu vi aqui em acidentes e vou copiar o √≠cone png v√≠deos n√£o vou copiar s√≥ pra n√£o dar errado porque tem que ser um nome exato porque sen√£o n√£o vai funcionar da√≠ a falar ent√£o √© o t√≠tulo o primeiro item do menu √© v√≠deos e eo √≠cone dele √© esse √≠cone os v√≠deos agora vou vir aqui em l√≥gica e vou pegar um verdadeiro porque eu quero que esse menino esteja habilitado tamb√©m √© verdadeiro e est√° habilitado bom e l√≥gica de novo e vou pegar um falso porque ele n√£o est√° √© clicado ele n√£o est√° chocado n√£o est√° aplicado ent√£o ele √© falso e agora vou em matem√°tica vou pegar esse primeiro bloquinho que tem aqui vou colocar em grupo aqui √© onde eu definir a posi√ß√£o dele dentro do menu nesse caso o grupo 1 agora que quer fazer vamos copiar isso vamos duplicar para c√° porque n√≥s vamos fazer o item 2 que √© o que neste caso √© comandos e aqui em baixo de novo vamos pegar o √≠cone de comando cetac o papa gueye control c control v e aos altero o grupo para 2 porque √© o item 2 do menu duplicamos de novo uma terceira vez aqui vamos chamar the gift ruby vamos mudar ou √≠cone tamb√©m para a geek rami tamb√©m daqui a pouco vou rodar no conv√™nio de novo o aplicativo de voc√™s v√£o ver isso aqui visualmente acontecendo e o grupo n√≥s vamos parar tr√™s jogos e quer duplicar uma quarta e √ļltima vez porque nosso menu tem quatro itens aqui vai se chamar cursos √© no acidente ele √© cursos tamb√©m l√° e com recursos se voc√™ n√£o tiver nenhum problema de mem√≥ria como eu tenho √†s vezes voc√™ digita direto ele precisa ficar copiando e aqui n√≥s vamos p√īr o 4 porque ele √© o quarto item do nosso menu agora voc√™ tem que configurar para que quando a tela a screen seja carregada o menu apare√ßa como voc√™ faz isso voc√™ vem aqui screen pega essa terceira op√ß√£o √≥ quando eles criam inicializar eu quero que ela chame o submenu de voc√™ v√™ em procedimentos pega esse terceiro item e coloca aqui feito isso o menu j√° vai aparecer ent√£o vamos l√° vamos s√≥ reiniciar√° conex√£o que quando voc√™ trabalha com blocos l√≥gicos √© importante que voc√™ inicie porque √†s vezes ele n√£o consegue atualizar em tempo real tudo o que voc√™ est√° fazendo ent√£o s√≥ tomar cuidado com isso para n√£o pensar que est√° dando algum erro que √†s vezes √© s√≥ porque voc√™ n√£o reiniciar lizhou opini√≥n direitinho falar espanhol o esperarem subir isso a√≠ d√° pra novo pra gente poder navegar olha s√≥ rodou tamb√©m falhou um espelhamento depois vou ver isso mas s√≥ se ouvia no menu est√£o aqui todos os itens bonitinho que n√≥s criamos e j√° com os √≠cones olha s√≥ inclusive essa coisinha rosa depois voc√™ pode alterar eu vou mostrar tamb√©m nos pr√≥ximos v√≠deos como voc√™ altera isso vai ficar mais bonito e combinar com o layout que voc√™ est√° fazendo todos aqui j√° criou o menu agora o que falta falta a gente colocar os links em cada um destes itens e √© isso que n√≥s vamos fazer agora voc√™ vem de novo a quem sai de menu pega sua primeira op√ß√£o que t√° aqui √≥ coloca ela no seu na sua no seu editor de c√≥digos aqui de blocos depois voc√™ vai encontrou ele pega uns e ent√£o lembrando que est√° em portugu√™s por isso que se ent√£o num ep depois a gente vem aqui em l√≥gica e pega esse terceiro e quarto bloquinho que √© o igual e coloca aqui agora a gente vem aqui √≥ tamb√©m nesse aqui no t√≠tulo escrito t√≠tulo vamos pegar obter t√≠tulo e vamos colocar aqui olha s√≥ clicar e arrastar e soltar agora a gente vem aqui em texto pega esse aqui e coloca aqui falou o seguinte quando o t√≠tulo for igual a v√≠deos eu quero que ele v√° para uma outra tela eu quero que ele v√° para a tela de v√≠deos de tv em controle e pega esta op√ß√£o aqui √≥ abrir outra tela nome da tela e coloca aqui e agora a gente faz pega de novo texto vamos pegar o primeiro aqui colocar aqui e vamos dizer que a gente quer que ele v√° para a screen um porqu√™ v√≠deos √© a minha home a minha p√°gina principal agora voc√™ vai ter que criar um item zinho desse aqui um if de si para cada um dos itens ali ent√£o voc√™ tem que criar quatro como quem faz a gente duplica p√ļblica ea ra√ßa e coloca aqui embaixo todo j√° duplicar os quatros quatro itens os quatros n√© fica bem bonito portugu√™s em lacrou todos os itens agora ele vai ter que fazer o que vamos ter que criar as telas que se n√£o voc√™ tamb√©m n√£o vai conseguir navegar entre elas estavam em design aqui tem uma op√ß√£o muito legal que copiar escrito voc√™ clica nela da screen em um ele vai criar a screen dois toque √© espera alguns segundos a ele j√° vai preso com dois vamos de novo da screen dois vamos criar √© que em tr√™s era tamb√©m e finalmente vamos criar a screen 4h at√© um neg√≥cio a gente tem que ditar cada uma dessas telas porque sen√£o vai dar a impress√£o que est√° sempre na mesma e de voc√™s v√£o falar p√£o n√£o funcionou e xyloto ent√£o vamos l√° na escola em dois agentes vai descer aqui no t√≠tulo dela e vai colocar o que o comando os gift salvou a gente vai l√° escrito tr√™s mesma coisa vamos descer tudo l√° e aqui n√≥s vamos colocar o que como est√° l√° na minha na minha loja guetti rubi e depois vamos n√≥s que em quatro e vamos colocar sendo outros cursos a ficar bem legal bem intuitivo falar bonitinho agora a gente vai vir aqui vamos reiniciar a nossa conex√£o com opini√Ķes vamos abrir ele novamente n√£o conectar assistente a√≠ deixou abrir aqui o espelhamento vamos l√° que acode voc√™s n√£o ficar√£o pode n√£o fazer o aplicativo da hora mas v√£o aprender a fazer escaneamento de qr code seis v√£o porque ningu√©m pode negar eu ca√≠ contentores caminhando que hoje olha l√° carregou vamos ver se o governo funciona ou clicar aqui em guich√™ hobby e tem que aparecer league eo be j√° est√° na tela de 7 rubi olha s√≥ que bacana voc√™ aprendeu a criar as viu suas telas do seu aplicativo ea criar os blocos l√≥gicos para montar um site – l√≥gico que tem mais algumas configura√ß√Ķes que a gente vai ver nos pr√≥ximos v√≠deos porque vai ter v√≠deo at√© domingo todo dia v√≠deo the colour que √© uma coisa que voc√™s sempre me pediram para ter continua√ß√£o direta e agora vou fazer s√≥ isso a√≠ √© que eu espero que voc√™s tenham curtido ea gente se ver amanh√£ no terceiro v√≠deo de como ela valeu [M√ļsica]

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *