Se você nunca usou o thunkable, acesse o link e veja o tutorial básico e aprenda a mexer na plataforma. "Tutorial basico thunkable".
Começaremos o tutorial nomeando a aplicação, clique em "create new app", e na janela que aparecer escreva "Calculadora_basica" e aperte OK.
Após pressionar ok vai aparecer a tela de desenvolvimento da aplicação.
Neste momento iremos iniciar a criação da parte gráfica e posteriormente a parte de programação de fato.
Vamos escolher o TextBox que no dará a possibilidade de digitar os números, clique em TextBox com o botão esquerdo do mouse e arraste para dentro da screen1 como mostrado na tela abaixo, em seguida renomeie o para TbNumero1 e TbNumero2.
Vamos agora adicionar os botões, serão quatro no total, em user interface clique em "Button" e arraste quatro vezes para dentro do screen, em seguida renome os para BtSomar, BtSubtrair, BtMultiplicar e BtDividir, agora vá na parte inferior direita da pagina , em Text e renomeie para cada botão Somar, Subtrair, Multiplicar e Dividir.
Agora vamos adicionar a Label que e a responsável por mostrar os textos, usaremos duas, clique em user interface e arraste label duas vezes para a screen, renomeie a primeira screen para "Resultado" em Text na parte inferior direita da pagina já a segunda Label, renomeie para LbResultado e em Text apague e deixe em branco.
Pronto a parte gráfica já esta pronta, a aplicação já deve aparecer no celular como na imagem abaixo, se você não sabe como emular no celular, acesse o linK "Tutorial basico thunkable".
Agora começaremos a programar,clique em "blocks".
Quando abrir a pagina de blocos clique em BtSomar, vai abrir uma janela, clique em BtSomar.Click, como mostra a figura abaixo. Repita o mesmo procedimento para os outros botões.
Vai ficar dessa forma.
Agora clique em LbResultado e no menu que abrir, navegue até LbResultado Text to como na figura abaixo, e encaixe dentro do BtSomar.click , repita a operação para os outros botões.
Vai ficar assim.
Agora vamos usar um componente chamado "Math" que é responsável pela linguagem de cálculos do aplicativo.
Clique em Math e navegue ate o bloco de sinal positivo, e encaixe em LbResultado que esta dentro do BtSomar. Repita o mesmo procedimento para os outros blocos selecionando Subtrair para BtSubitrair, Multiplicar para BtMultiplica e Dividir para BtDividir.
Ficar desta forma.
Neste momento já a algumas funções no nosso aplicativo, quando clicamos no botão a Label resultado recebe o bloco de calculo, mas ainda não é possível obter o resultado pois a a TextBox que é a responsável por receber os números,ou seja a caixa de digitação ainda não foi acrescentada.
Voltando a nossa programação vamos agora acrescentar a TextBox.
Selecione TbNumero1 e navegue até TbNumero1.Text e adicione no bloco positivo em seguida clique em TbNumero2 navegue ate TbNumero2.Text e adicione no bloco positivo. Repita a mesma operação para todos os outros blocos.
Ficara assim.
Pronto sua aplicação já esta pronta e deve aparecer no celular desta forma.
Ja pode instalar no seu celular. Se você não sabe como baixar e instalar, acesse o link do tutorial básico "Tutorial basico thunkable".
Tutorial em vídeo
Nenhum comentário:
Postar um comentário