20Jul

Como criar sua própria aplicação Soundboard com o Android Inventor de aplicativos

click fraud protection

Hoje vamos mostrar-lhe como usar a ferramenta Android Inventor de aplicativos para criar seu próprio aplicativo para Android, sem ter que escrever um monte de código complicado.É um processo muito simples que requer apenas algum arrastar e deixar cair. As placas de som

estão entre as aplicações mais simples para criar usando o App Inventor, então hoje mostraremos como começar a criar sua própria aplicação.

Este artigo de convidado foi escrito por Mitch Bartlett da Technipages, onde ele cobre muitas dicas detalhadas de smartphones.

Instalando e Usando o Inventor de Aplicativos para Criar um Aplicativo

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

  • Mac OS X
  • GNU / Linux
  • Windows

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

instagram viewer

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

O visualizador do App Inventor aparecerá.Esta tela mostra o aspecto do seu aplicativo à medida que você o constrói. Primeiro, queremos fazer um título para essa tela. Sobre o painel Componentes, Screen1 deve ser selecionado. Sob a seção Propriedades, podemos alterar o campo Título para o nome do nosso aplicativo.

Agora podemos começar a arranjar itens na tela. Vamos fazer colunas e linhas para os botões da nossa mesa 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.

Precisaremos de um componente para tocar nossos sons. Selecione Media na paleta e arraste o componente Player para o Viewer. Ele aparecerá como Player1 na seção de componentes não visíveis.

Vamos adicionar alguns sons ao nosso projeto. O App Inventor suportará arquivos MP3 ou WAV com menos de 3MB de tamanho. Nós os adicionamos ao nosso projeto, selecionando o componente Player1, depois selecionando o campo Source. Clique no botão Adicionar. .. e selecione Procurar. .. para fazer upload de arquivos de som a partir do seu PC.Repita essas etapas 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 Viewer. 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 de texto para representar os sons que eles jogarão.

Terminamos a tela do Visualizador.É o que o nosso aplicativo atualmente parece.

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

Clique na guia Meus blocos. Selecione o botão1 e arraste a caixa "Button1.Click" no lado direito da tela. Faça isso por cada botão que você adicionou ao seu aplicativo( Button2, Button3, etc.)

Selecione Player1 na guia Meus Blocos 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 do botão também( Button2.Click, Button3.Click, etc.)

Clique na aba Incorporada e selecione Texto. Arraste um bloco de "texto" para a direita e conecte-o ao bloco "Player1.Source".

A caixa "texto" controlará qual som é reproduzido. Clique no texto no bloco e altere-o para coincidir com o nome do arquivo de som para Button1.No nosso exemplo, Button1 é "Punch", então nós configuramos o texto para Punch.mp3.

Arraste uma caixa "texto" para cada bloco "Player1.Source" e mude cada uma para combinar o nome do som para cada botão.

Agora que os sons estão configurados para cada botão, precisamos apenas dizer ao nosso aplicativo que toca o som sempre que clicarmos no botão. Para fazer isso, clique na guia Meus Blocos e selecione Player1.Arraste o bloco "Player1.Start" para "Button1.Click".Repita essas etapas para cada um dos blocos de eventos de clique do botão.

Você terminou! Você criou um aplicativo de placa de som totalmente funcional. Veja o aplicativo em ação fazendo um dos seguintes procedimentos:

  • Teste o aplicativo em seu dispositivo Android, permitindo a depuração USB no dispositivo em Configurações & gt;Aplicações & gt;Desenvolva e conecte-o ao seu computador. Você pode então clicar no botão Conectar ao dispositivo. .. no Editor de blocos para exibir o aplicativo no dispositivo.
  • Instale o SDK do Android e clique no botão Novo emulador para vê-lo em seu computador em uma tela de emulador.
  • Clique na opção Pacote para telefone na tela App Inventor. Então você pode mostrar o código de barras, baixar o aplicativo para o computador como um arquivo APK ou fazer o download para um telefone conectado.

Aproveite o seu aplicativo de placa de som personalizado no seu dispositivo Android.

Há muitos aplicativos que você pode criar com esta ferramenta - o que você vai fazer?