Tutor dos Nerds: Como usar o Web View no thunkable/app inventor

O Web-View é um componente que nos permite visualizar conteúdo da web dentro do nosso aplicativo, sendo possível redirecionar a um site predefinido, onde também é possível consultar preços de acoes,cotação do dólar, por exemplo.

Neste tutorial aprenderemos a abrir um site web por meio do toque de um botão, apesar da simplicidade do aplicativo que vamos desenvolver, ele será muito útil para um aprendizado inicial, em breve postaremos outro tutoriais com aplicações mais avançadas sobre Web-View.

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

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

Agora vamos adicionar os itens da parte gráfica, para este tutorial, apenas dois elementos, vamos utilizar então o "WebView" e um "Button" clique e arraste para a Screen1.

Agora precisamos renomear o "Button1", clique sobre Button1 e vá em Text, na parte inferior direita, apague e escreva "Abrir Web_View".

Pronto, a parte gráfica já terminamos, vamos partir para programação em blocos.

Clique em Blocks, como mostrado na ilustração abaixo.

Vai abrir uma tela como esta.

Em Button1 adicione o bloco "Click", já em Web_View1, adicione o bloco "Go To Url", este ultimo é que fará o direcionamento ao endereço da web pré determinado.

Já finalizando o nosso app, vamos adicionar o endereço que queremos que a nossa aplicação execute.

Vá em Text, pegue um bloco de texto vazio e escreva um endereço web que queira acessar a partir do app, em seguida adicione ao bloco WebView, como mostrado abaixo

Aqui usamos o endereço do nosso site "https://tutodosnerds.blogspot.com".

Sua aplicação já esta pronta e deve aparecer no emulado desta forma, repare que há um espaço vazio e o botão Web View logo abaixo, esse espaço será preenchido com o conteúdo web, e o botão abaixo ira chamá-lo.

Após clicarmos no botão Web View a pagina web adicionada ao app surgirá na tela.

Este é apenas um simples tutorial nos mostrando o elemento Web View. Nas próximas postagens teremos mais conteúdo Web View, siga nosso blogger para ser avisado primeiro, assim que for publicado um novo tutorial.