Como construir seu próprio aplicativo Soundboard com o Inventor Android App

Índice:

Como construir seu próprio aplicativo Soundboard com o Inventor Android App
Como construir seu próprio aplicativo Soundboard com o Inventor Android App

Vídeo: Como construir seu próprio aplicativo Soundboard com o Inventor Android App

Vídeo: Como construir seu próprio aplicativo Soundboard com o Inventor Android App
Vídeo: Como usar o ferro de solda ? Assista e aprenda (FACIL) - YouTube 2024, Abril
Anonim
Hoje, mostraremos a você como usar a ferramenta Android App Inventor para criar seu próprio aplicativo para Android, sem precisar escrever muito código complicado. É um processo muito simples que requer apenas alguns recursos de arrastar e soltar.
Hoje, mostraremos a você como usar a ferramenta Android App Inventor para criar seu próprio aplicativo para Android, sem precisar escrever muito código complicado. É um processo muito simples que requer apenas alguns recursos de arrastar e soltar.

Os soundboards estão entre os aplicativos mais simples de criar usando o App Inventor, então 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 https://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ê ao seu aplicativo um nome exclusivo e clique em OK.
Dê ao seu aplicativo um nome exclusivo e clique em OK.
O visualizador do App Inventor será exibido. Esta tela mostra como será seu aplicativo à medida que você o cria. Primeiro, queremos criar um título para essa tela. No painel Componentes, Screen1 deve ser selecionado. Na seção Propriedades, podemos alterar o campo Título para o nome do nosso aplicativo.
O visualizador do App Inventor será exibido. Esta tela mostra como será seu aplicativo à medida que você o cria. Primeiro, queremos criar um título para essa tela. No painel Componentes, Screen1 deve ser selecionado. Na seção Propriedades, podemos alterar o campo Título para o nome do nosso aplicativo.
Agora podemos começar a organizar itens na tela. Vamos fazer colunas e linhas para os botões da nossa caixa de ressonância. Podemos fazer isso selecionando Screen Arrangement na paleta e arrastando o item TableArrangement para o Viewer.
Agora podemos começar a organizar itens na tela. Vamos fazer colunas e linhas para os botões da nossa caixa de ressonância. 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 alterá-lo para 3 colunas e 3 linhas.
Defina as propriedades para o componente TableArrangement1 no painel Propriedades. Aqui, vamos alterá-lo 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 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.
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.
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.
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.
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 Blocks Editor para começar. Escolha para abrir o arquivo ou conceder acesso, se solicitado.
É hora de controlar o comportamento dos itens na tela. Clique em Abrir o Blocks Editor 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.)
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 sob a 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.)
Selecione Player1 sob a 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".
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 do Button1. Em nosso exemplo, Button1 é “Punch”, então nós definimos o texto para Punch.mp3.
A caixa "texto" controlará qual som será reproduzido. Clique no texto no bloco e altere-o para corresponder ao nome do arquivo de som do Button1. Em nosso exemplo, Button1 é “Punch”, então nós definimos o texto para 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.
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.
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:
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 em 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.

    Image
    Image
  • 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 fazer o download para um telefone conectado.

    Image
    Image

Aproveite o seu aplicativo soundboard personalizado no seu dispositivo Android.

Recomendado: