Oficina 2 de App Inventor

1 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.

2 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.

2.1 Cria a interface gráfica utilizando o Designer

Adicione a partir da "Palette" os componentes necessários para construir a agenda

Arraste para área do Screen, a partir da palette "Basic", 2 TextBox, 3 Buttons e 1 ListPicker. Em seguida arraste da palette "Screen Arrangement" 1 HorizontalArrangement. Ajuste os componentes para que fiquem na tela conforme a figura abaixo:

Modifique os nomes dos componentes conforme a figura abaixo

2.2 Inicie a agenda com 4 contatos

2.3 Crie o procedimento geral de limpeza dos campos de digitação da tela e índice da agenda

2.4 Crie o procedimento para Inserir novos contatos

2.5 Crie o procedimento para Acessar os contatos

2.6 Crie o procedimento para Remover contatos

2.7 Crie o procedimento para Apagar todos os contatos

2.8 Teste a agenda telefonica

Conecte o Emulador ou Celular Android e efetue os seguintes testes:

1. Consulte a agenda telefônica
2. Insira novos contatos
3. Apague alguns contatos
4. Limpa toda a agenda

Utilize a função watch para verificar o funcionamento da agenda e para inspecionar o conteúdo das duas listas "AgTelNomes" e "AgTelNumeros" e das variáveis "Index" e "aux_index".

Clique sobre a variável com o botão direito do mouse e selecione watch

2.9 Exercícios a serem desenvolvidos em casa

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

Curso de Engenharia de Telecomunicações