Primeira Oficina de AppInventor

De MediaWiki do Campus São José
Revisão de 17h31min de 9 de agosto de 2014 por Vitor.hov (discussão | contribs)
Ir para navegação Ir para pesquisar

A ideia desse primeiro aplicativo é simples, um animal sera colocado na tela do aparelho e clicando no mesmo, sera possível ouvir o som que é por ele feito. O primeiro passo deve ser escolher o animal para que a foto e o audio possam ser localizados na internet e salvos no computador utilizado.

Os Animais e Seus Sons

Primeiramente vamos definir os componentes que serão utilizados na criação do aplicativo, os componentes sitados a baixo devem ser escolhidos no “Pallet” do App inventor. A localização do mesmo já foi mostrada em um tutorial anterior. Usaremos:

  • Um butom
    And20.png
  • Uma Label
  • Um Sound
  • A imagem de um animal a sua escolha
  • O som de um animal a sua escolha

Começando a criação

Button

Primeiro arraste o button para a área de design, depois disso, vá para a opção propriedades e procure por “Image”, ao lado ira estar escrito algo como “none”, clique e em seguida deve aparecer a opção “Upload file”. Clique na opção “Escolher arquivo” que deve ter aparecido e navegue ate o local onde a imagem do animal escolhido foi colocado e por final a selecione. Novamente nas propriedades dos botton, procure por “Text” e delete o conteúdo da caixa ao lado dessa opção. Após isso use as propriedades “Height” e “Width” para redimensionar o botão para o tamanho correto.

Label

Agora vamos a segunda parte. Posicione a label a cima do botton com a foto do animal e em seguida vá para as propriedades da label, lá:

  • Na área “Text” você deve dar um nome ao animal de sua escolha.
  • Na área “FontSize” altere o tamanho do texto para um tamanho a sua escolha.
  • Na área “TextAlignment” altere para Center.
  • Por fim altere a propriedade width (Largura) para Fill parent.