Como construir seu próprio aplicativo Soundboard com o Inventor de aplicativos para Android

Hoje vamos mostrar a você como usar a ferramenta Android App Inventor para criar seu próprio aplicativo Android, sem precisar escrever muito código complicado. É um processo muito simples que requer apenas alguns arrastando e soltando.

Os soundboards estão entre os aplicativos mais simples de criar usando o App Inventor, por isso, hoje mostraremos como começar a criar seu próprio aplicativo.

Este artigo convidado foi escrito por Mitch Bartlett, da Technipages, onde ele aborda várias dicas detalhadas sobre smartphones..

Instalando e usando o App Inventor para criar um aplicativo

Primeiro, você precisa se certificar de instalar o Java 1.6 ou superior. Você pode baixá-lo em http://www.java.com. Quando terminar, instale o App Inventor usando as instruções do seu sistema operacional.

Mac OS X
GNU / Linux
janelas

Visite a seção Meus projetos do site do App Inventor. Entre e concorde com os termos de serviço, se solicitado. Selecione o botão Novo para iniciar um novo aplicativo.

Dê um nome único ao seu aplicativo e clique em OK.

Agora podemos começar a organizar itens na tela. Nós vamos fazer colunas e linhas para os nossos botões de som. Podemos fazer isso selecionando Screen Arrangement na paleta e arrastando o item TableArrangement para o Viewer..

Defina as propriedades para o componente TableArrangement1 no painel Propriedades. Aqui, vamos mudar para 3 colunas e 3 linhas.

Vamos precisar de um componente para tocar nossos sons. Selecione Mídia na Paleta e arraste o componente Player para o Visualizador. Ele aparecerá como Player1 na seção Componentes não visíveis..

Vamos adicionar alguns sons ao nosso projeto. O App Inventor suportará arquivos MP3 ou WAV com menos de 3 MB de tamanho. Nós os adicionamos ao nosso projeto, selecionando o componente Player1 e, em seguida, selecionando o campo Fonte. Clique no botão Adicionar… e selecione Procurar… para carregar arquivos de som do seu PC. Repita estes passos para adicionar vários sons.

Adicione um botão para cada som selecionando a Paleta Básica e arrastando-os para a caixa TableArrangement1 no Visualizador. Você poderá colocar cada botão dentro de uma linha e coluna específicas.

Selecione cada botão na área Componentes e altere os campos Texto para representar os sons que eles reproduzirão.

Terminamos com a tela do Visualizador. É assim que nosso aplicativo se parece atualmente.

É hora de controlar o comportamento dos itens na tela. Clique em Abrir o Editor de Blocos para começar. Escolha para abrir o arquivo ou conceder acesso, se solicitado.

Clique na guia Meus Blocos. Selecione Button1 e arraste a caixa “Button1.Click” para o lado direito da tela. Faça isso para todos os botões que você adicionou ao seu aplicativo (Button2, Button3 etc.)

Selecione Player1 na guia My Blocks e arraste o bloco “Player1.Source” para o bloco “Button1.Click”. O bloco deve se conectar no lugar. Adicione um bloco “Player1.Source” a cada um dos outros blocos de clique de botão (Button2.Click, Button3.Click, etc.)

Clique na guia Built-In e selecione Text. Arraste um bloco de "texto" para a direita e conecte-o ao bloco "Player1.Source".

A caixa “texto” controlará qual som será reproduzido. Clique no texto no bloco e altere-o para corresponder ao nome do arquivo de som para Button1. Em nosso exemplo, Button1 é "Punch", então definimos o texto como Punch.mp3.

Arraste uma caixa de "texto" para cada bloco "Player1.Source" e mude cada um para coincidir com o nome do som para cada botão.

Agora que os sons estão definidos para cada botão, só precisamos dizer ao nosso aplicativo para tocar o som sempre que clicarmos no botão. Para fazer isso, clique na guia My Blocks e selecione Player1. Arraste o bloco "Player1.Start" para o "Button1.Click". Repita essas etapas para cada um dos blocos de eventos de clique de botão.

Você está feito! Você criou um aplicativo de placa de som totalmente funcional. Veja o aplicativo em ação seguindo um destes procedimentos:

Teste o aplicativo no seu dispositivo Android ativando a depuração USB no dispositivo em Configurações> Aplicativos> Desenvolvimento e conectando-o ao seu computador. Você pode clicar no botão Conectar ao dispositivo ... no Blocks Editor para exibir o aplicativo no dispositivo.
Instale o Android SDK e clique no botão Novo emulador para visualizá-lo no seu computador em uma tela de emulador.
Clique na opção Pacote para telefone na tela do App Inventor. Então você pode Mostrar código de barras, Baixar o aplicativo para o computador como um arquivo APK, ou baixar para um telefone conectado.

Aproveite o seu aplicativo soundboard personalizado no seu dispositivo Android.

Existem muitos aplicativos que você pode criar com essa ferramenta - o que você vai fazer?