Password TextBox, desenvolva aplicativo com senha no thunkable/app inventor

  Neste tutorial vamos aprender a usar o Password TextBox(Caixa de texto para senha),  com este elemento será possível criar aplicativos com senha, muito útil para os dias atuais.

  Ao longo do tutorial vamos aprender a comparar duas strings de texto e dizer ao usuário se elas correspondem ou não. 


   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  Password TextBox e aperte OK.

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

    Agora vamos adicionar os itens da parte gráfica, vamos utilizar o elemento "Password TextBox" também um "Button" e uma "Label"  clique e arraste todas para a Screen1.

  Selecione a Label da Screen vá em Text, na parte inferior direita e apague caixa. 
  A label mostrará uma mensagem caso a senha digitada esteja errada.

  Selecione Button na Screen vá em Text, e renomeie para "Entrar"

  Vá em add Screen, clique, e na janela que abrir, mantenha o nome, apenas aperte ok.

  Vai abrir Screen2 que acabou de ser criada, adicione então uma Label, mude a fonte para 22 e renomeie o Text para "Acesso liberado"

  Agora retorne para Screen1.

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

 Aparecerá uma tela como esta abaixo.

 Vamos iniciar a variável que é onde vai ficar armazenado a senha padrão que será comparada a senha digitada.

  Vá em Variables e pegue um initialize global, renomeie para "Minha senha"

   Vá em Text, pegue uma caixa de texto vazia e escreva "1234", essa será nossa senha padrão, o que for digitada diferente disso não dará acesso ao aplicativo.

   

  Em Button adicione o bloco "Click".

 Em Control escolha o bloco de decisão if then, adicione dentro do bloco Click e selecione dentro da engrenagem do bloco if then e adicione uma else como ilustrado abaixo.

  Em text, encontre o bloco "compare texts" e adicione no bloco if.

  Em variables adicione o bloco get global Minha_senha e coloque dentro de "compare texts", é onde esta armazenada a senha padrão.

Em Password TextBox localize o bloco Text e também coloque dentro de "compare texts".

 Este ultimo "Text" vai receber o Password digitado e será comparado com a senha padrão.

 Agora vamos adicionar o elemento que vai abrir outra tela. Vá em Control e pegue o bloco "open another screen" 

  Vá em Text pegue uma caixa vazia e escreva "Screen2".

 Se a senha digitada for igual a senha padrão, vai abrir outra tela. 

   Vá em Label pegue um bloco "set Text", e nela coloque uma caixa de texto, e escreva "senha errada".

  Se a senha digitada for diferente da senha padrão, vai mostrar a mensagem Senha errada.

Neste momento sua aplicação já esta pronta, como pode observar, deverá ficar igual a ilustração abaixo.

  Se a senha digitada for diferente da senha padrão, vai ser exibido na Label a mensagem "Senha errada"

 Se a senha digitada estiver igual a senha padrão, será aberto outra tela com a mensagem "Acesso liberado".

 É isso ai pessoal, um simples tutorial que nos mostra o funcionamento do elemento Password TextBox, com ele será possível criar aplicações com senhas.

Boa sorte agora, usem a imaginação para criar uma infinidade de aplicações.

 Duvidas deixem no comentário.

Tutorial em vídeo