Como criar um aplicativo com CheckBox no Android com Thunkable

 Uma CheckBox é uma caixa de seleção ou verificação que pode conter até três estados(status) diferentes por exemplo; marcada, desmarcada ou não marcada, no caso do nosso tutorial terão apenas duas opções; marcada e não marcada.

  Vamos iniciar nossa aplicação e para isso vamos usar a plataforma de desenvolvimento online Thunkable, sem a necessidade de instalar qualquer programa no computador apenas um pequeno aplicativo no celular para emular a aplicação, e pode ser encontrado neste link app Thunkable.

  Acessaremos a plataforma de desenvolvimento para PC neste link LINK Thunkable . .

  (Se você não conhece a plataforma de desenvolvimento ou quer ver um tutorial bem básico de como usar o Thunkable acesse esse link "Tutorial básico thunkable" ).


  
Selecione a opção Android e faça login com o Google.





Clique em "create new app", e na janela que aparecer escreva CheckBox e aperte OK.



Vai aparecer uma tela como essa, onde sera desenvolvida nossa aplicação.




Agora vamos adicionar o itens da parte gráfica, começamos por adicionar uma "CheckBox", clique user interface no lado esquerdo, localize CheckBox e araste uma veze para a Screen1, e "Label"  também uma vez.







Pronto nossa parte gráfica já esta pronta, e partiremos agora para os blocos que é onde faremos com que o aplicativo funcione de fato.

 Clique em Blocks, e aparecera uma tela como esta abaixo.




Selecione o elemento CheckBox.Changer no menu lateral direito em seguida em "Control" selecione  o bloco if then e coloque dentro do bloco CheckBox como mostrado na figura abaixo .





Em "Logic" selecione o elemento de comparação "=" e coloque em if .






 Agora vá em CheckBox e encontre o bloco Checked e em Control arraste o bloco true, adicione ambos dentro do bloco de comparação.







 Em "if then" clique na engrenagem do bloco e adicione uma "else", como mostrado na figura abaixo.








  Vá em "Label" e puxe duas caixas de texto, em seguida vá em Text e puxe duas caixas de texto vazias e renome as para (CheckBox  ativada) e (CheckBox desativada), respectivamente, adicione ambas as caixas de texto as duas Labels como mostrado na figura abaixo. 





 Vai ficar desta forma.
 Quando a CheckBox for marcada o if(se) verificará, se, marcado for verdadeiro e executará a linha then(então), e quando desmarcado, else(outro) executará a sua linha.





  No celular aparecerá desta forma, note que CheckBox não esta selecionado, e a mensagem de texto mostra como CheckBox desativada.







 Já nesta tela CheckBox esta selecionado, e a mensagem de texto mostra como CheckBox ativada.





 É isso ai pessoal, um simples tutorial que nos mostra o funcionamento do widget de seleção , Duvidas deixem no comentário.



Tutorial em vídeo

Nenhum comentário:

Postar um comentário