Criando um aplicativo para Android com APP Inventor

Publicado em 21 de fev, 2014

Por Eduardo Florence

Neste post irei comentar como você poderá criar um aplicativo para qualquer dispositivo móvel que tenha Android. Iremos criar um programa que irá mostrar pontos turísticos no Google Maps. Então vamos trabalhar!

Para criar esse aplicativo iremos usar o APP Inventor, já temos post que mostra como instalar em sua casa, caso não se lembre clique aqui.

1. Entre no Google Chrome (não pode ser no Internet Explorer) e digite o site www.ai2.appinventor.com. Após abrir o site para a criação do aplicativo como mostra a imagem 1, clique em New Project e coloque o nome de PontoTuristico, tudo junto sem espaço.

2. Na nova janela que apareceu, iremos inserir uma imagem. Você poderá criar a imagem no Photoshop e inserir no AppInventor. Procure o objeto Image e arraste na tela de trabalho como mostra na imagem 2. Após isso clique no lado esquerdo a opção Picture e escolha Upload file e escolha a imagem que irá inserir no seu programa.

3. Agora escolha o objeto ListPicker, esse objeto ficará as opções dos pontos turísticos, arraste para dentro do seu projeto como mostra a imagem 3.

4. Vamos mudar algumas propriedades desse objeto. Observe que no lado direito existe uma janela de propriedades. Modifique conforme a imagem 4.

5. Clique na opção Connectivity, lado direito e arraste a propriedade ActivityStarter, como mostra a imagem 5.

6. Agora vamos colocar funções no nosso programa, para isso clique em Blocks, como mostra a imagem 6.

7. Clique na opção Variables e arraste o obejto Initialize Global, e substitua a palavra name para pontoTuristico (não precisa colocar acentuação e não pode ter espaço), como mostra a imagem 7.

8. Clique agora na opção Lists e arraste a opção make a list, ate se encaixar como um quebra cabeça, como mostra a imagem 8.

9. Clique em Text e escolha a 1º opção, faça isso mais uma vez e coloque o nome dos pontos turísticos como mostra a imagem 9.

10. Agora clique no objeto Scren1 escolha a terceira opção Screen1.Initialize, como mostra a imagem 10.

11. Clique em ListPicker1 e escolha a opção ListPicker1.Elements To, como mostra na imagem 11.

12. Clique em Variables e escolha a 2º opção get e arraste para a tela e clique em cima e escolha a opção Global pontoTuristico, como mostra a imagem 12.

13. Volte para o modo de exibição designer e clique o objeto Activity Starter, e do lado direito mude as opções abaixo, mostrado na imagem 13.

Action: android.intent.action.VIEW

Activity Class: com.google.android.maps.MapsActivity

Activity Package: com.google.android.apps.maps

14. Clique no modo de exibição Blocks e clique no objeto ListPicker1 e arraste para a tela a 1º opção AfterPicking, mostra a imagem 14.