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