Apostila AppInventor

Aula 1 – Entrada e saída
Nesta aula o aluno entrará em contato com as interfaces de entrada e saída de dados, e verá como uma operação matemática pode ser realizada.

Interface
A criação de um aplicativo no App Inventor é dividida entre as telas Designer e Blocks. A tela
Designer é bastante intuitiva, e o aluno já reconhece de início uma tela de interface padrão Android.
A paleta de objetos à esquerda mostra inicialmente todas as opções de interface disponíveis
(botões, caixas de texto, etiquetas, etc.) e basta arrastar os objetos para a tela para usá-los no projeto. A área de propriedades a direita exibe os atributos dos objetos selecionados pelo aluno. Tais atributos podem ser mudados diretamente nesta tela, apesar de ser possível mudar também via código (blocos).
A área componentes exibe todos os componentes incluídos no projeto em forma de árvore. Nesta tela é possível remover objetos, e também alterar o nome de objetos instanciados. O primeiro componente de um projeto é a tela Screen1, que não pode ser renomeada.
Abaxo da tela de componentes existe uma pequena área de media, onde arquivos multimídia
(imagens, áudio) ficam armazenados e podem ser usados por outros objetos.

Aplicativo de soma
Vamos experimentar o uso do App Inventor para criar um aplicativo que soma dois numeros dados pelo usuário.
Para criar este aplicativo simples que demonstre a entrada e saída de dados, o aluno deve desenhar a interface abaixo, composta de dois TextBox (caixas de texto), um botão, e outro TextBox.

Os primeiros dois textbox devem ser renomeados, respectivamente como num1 e num2, utilizando a área de componentes (botão rename). Selecinando o botão, o usuário pode alterar a propriedade text, que irá mudar o texto do botão. O texto será “clique para somar”. O último textbox pode ser renomeado para result (de resultado).
Com a interface pronta, passemos para a área de programação. Clique no botão Blocks, localizado acima a direita da tela.
Programando

No App Inventor toda ação