Oficina 2 de App Inventor

De MediaWiki do Campus São José
Revisão de 15h01min de 25 de abril de 2012 por Moecke (discussão | contribs)
Ir para navegação Ir para pesquisar

OBJETIVOS

Ao final da aula o aluno deverá ser capaz de:

  • Criar e operar sobre listas no app inventor;
  • Usar o componente ListPicker para visualização e operação sobre listas;
  • Usar o componente TextBox para entrada e visualização de dados.
  • usar a opção watch para acompanhar o valor de variáveis.

A Agenda Telefônica

Usando o AppInventor construa uma agenda telefônica básica na qual você armazena o nome e telefone dos seus contatos.

Utilize o Designer

adicione os elementos necessários para a agenda.

AppInventor Design AgTel1.png
use os nomes apropriados para cada componente.

AppInventor Componentes AgTel1.png

Inicie a agenda com 3 contatos

AppInventor CreateVar AgTel1.png
AppInventor Iniciate AgTel1.png

Crie o procedimento para Inserir novos contatos

AppInventor Inserir AgTel1.png

Crie o procedimento para Remover contatos

AppInventor Remover AgTel1.png

Crie o procedimento para Apagar todos os contatos

AppInventor Limpar AgTel1.png

Crie o procedimento para Acessar os contatos

AppInventor Seleciona AgTel1.png


Exercícios a serem desenvolvidos na aula

  1. Modificar a função inserir para permitir a modificação de número telefônico de uma pessoa;
  2. Criar uma função para procurar um número na agenda, entrando com dados no textbox;
  3. Melhorar a função para que dado uma letra inicial no textbox, um listpicker mostre todos os nomes que comecem com aquela letra.
  4. Personalizar a interface da agenda (cores, texto, posição de botões etc).