Hoje vamos mostrar como usar a ferramenta Android App Inventor para criar seu próprio aplicativo Android, sem ter que escrever muitos códigos complicados. É um processo realmente simples que requer apenas alguns movimentos de arrastar e soltar.
Soundboards estão entre os aplicativos mais simples de criar usando o App Inventor, então hoje vamos mostrar como começar a criar seu próprio aplicativo.
Este artigo convidado foi escrito por Mitch Bartlett de Technipages , onde ele cobre muitas dicas detalhadas sobre smartphones.
Instalando e usando o App Inventor 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 fazer isso, instale o App Inventor usando as instruções para o seu sistema operacional.
- Mac OS X
- GNU / Linux
- janelas
Visite a seção Meus projetos do site App Inventor. Faça login 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.
O visualizador do App Inventor aparecerá. Esta tela mostra a aparência do seu aplicativo conforme você o constrói. Primeiro, queremos fazer um título para esta tela. No painel Componentes, Tela1 deve ser selecionada. Na seção Propriedades, podemos alterar o campo Título para o nome de nosso aplicativo.
Agora podemos começar a organizar os itens na tela. Vamos fazer colunas e linhas para nossos botões de tampo. Podemos fazer isso selecionando Screen Arrangement na Palette 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.
Precisamos 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 de componentes não visíveis.
Vamos adicionar alguns sons ao nosso projeto. O App Inventor oferece suporte a arquivos MP3 ou WAV com menos de 3 MB. 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 fazer upload dos arquivos de som 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 Visualizador. Você poderá colocar cada botão em 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 tocarã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 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 cada botão 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 Integrado e selecione Texto. Arraste um bloco de “texto” para a direita e conecte-o ao bloco “Player1.Source”.
A caixa de “texto” controlará qual som é 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 altere cada um para corresponder ao nome do som de cada botão.
Agora que os sons estão definidos para cada botão, só precisamos dizer ao nosso aplicativo para reproduzir 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 de botão.
Você Terminou! Você criou um aplicativo de mesa de som totalmente funcional. Veja o aplicativo em ação executando uma das seguintes ações:
-
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 Connect to Device… no Blocks Editor para exibir o aplicativo no dispositivo.
- Instale o Android SDK e clique no botão Novo emulador para visualizá-lo em seu computador em uma tela de emulador.
-
Clique na opção Pacote para telefone na tela do App Inventor. Em seguida, você pode mostrar o código de barras, baixar o aplicativo para o computador como um arquivo APK ou baixar para um telefone conectado.
Desfrute de seu aplicativo de mesa de som personalizado em seu dispositivo Android.
Existem muitos aplicativos que você pode criar com esta ferramenta - o que você vai fazer?
