Como usar o elemento Floating Action Button no Thunkable

   Neste tutorial vou mostra como usar o Floating Action Button(Botão de ação flutuante) no Thunkable.
Como na tradução seu objetivo no aplicativo será o de exibir um ícone animado.

   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  Floating Action Button 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 "Floating Action Button"  clique e arraste para a 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.

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

Em Floating Action Button selecione o elemento "Click" no menu lateral esquerdo e arraste para dentro do editor como na imagem abaixo. 

   

 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.

    Vá em Floating Action Button e adicione três blocos "Icon Name" e faça as conexões como mostrado na ilustração abaixo.

   

     Pra finalizar vá em text e selecione Três caixas de texto vazias e renomeias para "add,remove e add" sempre em minusculo, e adicione aos blocos como mostrado abaixo.

     

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

  Iniciado como (+). por default .

Quando clicamos no botão seu simbolo muda para (-), se clicarmos novamente ele retorna para (+) .

 É isso ai pessoal, um simples tutorial que nos mostra o funcionamento do elemento Floating Action Button, esse  icone é bem interessante para bate-papos redes sociais ou para adicionar uma nova agenda por exemplo. Boa sorte agora, usem a imaginação para criar uma infinidade de aplicações.

 Duvidas deixem no comentário.

                                                        Tutorial em vídeo