Minicurso de
VII Semana de Sistemas de Informação XIII Semex e III Sempesq 2017
Material Complementar - Listas
Trabalhando com listas
O nosso próximo app será irá ler uma quantidade de números e exibir sua soma e média.
Inicie um novo projeto com o nome de CalculaMedia
Crie uma interface inicial
Adicione duas OrganizaçãoHorizontal ao projeto:
●
Ambas devem preencher o espaço horizontal.
Na primeira adicione uma CaixaDeTexto e um Botão:
●
Faça a caixa de texto preencher o espaço horizontal;
●
Altere o texto do Botão1;
●
Somente números.
Na segunda adicione 6 Legenda:
●
Altere os textos das legendas;
●
Altere os nomes das legendas que
Adicione uma visualizador de lista
Arraste um VisualizadorDeListas da paleta para a janela do aplicativo:
Altere as seguintes propriedades do VisualizadorDeListas:
●
CorDeFundo:
Nenhum
●
Altura:
Preencher
●
TamanhoDaFonte:
40
Adicione uma visualizador de lista (2)
Adicione um Botão comum e altere as seguintes propriedades:
●
Texto:
Remover
●
Largura:
Preencher
Adicione um botão à tela
Listas são um tipo de variáveis que são conjuntos ordenados de itens. São criados no modo de Blocos e são usados para iniciar variáveis.
Listas
Inicie uma variável valores para
receber uma lista vazia.
Listas podem receber novos itens e permitem pesquisar e contar quantos elementos possuem.
Listas: Adicionando itens
Inicie um procedimento para adicionar um novo item à partir da
CaixaDeTexto1.
O elemento VisualizadorDeListas permite exibir o conteúdo da lista.
Aproveite para criar um procedimento para atualizar todos os dados de interesse do aplicativo:
Listas: Exibindo os itens
O todos itens da lista podem ser percorridos com um bloco para cada…
encontrado na paleta de Controle.
Listas: percorrendo todos os itens
A cada iteração o item será alterado para o valor atual
11Adicione um evento de clique ao Botão1 para realizar a adição do item, calcular a média e atualizar os valores.
Adicione um evento ao Botão1
Os itens podem ser acessados por um índice. Através deste índice também é possível removê-lo.
Listas: buscando e removendo um item
Adicione um evento de clique ao Botão2 para realizar a adição do item, calcular a média e atualizar os valores.
Adicione um evento ao Botão2
Trabalhando com listas de listas
O nosso próximo app será irá ler pares de valores (X Y) e plotar vértices e arestas entre eles.
Inicie um novo projeto com o nome de PlotXY
Trabalhando com listas de listas
Monte uma tela com os seguintes componentes:
● Legenda
○ Adicione dois, altere os textos para X: e Y:
● CaixaDeTexto
○ Adicione dois, altere as larguras para preencher
● Pintura
○ Altere apenas largura e altura para preencher
● VisualizadorDeLista
○ Altura para 20%
● Botão
Adicione uma lista vazia pontos e ao clicar no Botão1, adicione um novo item na lista que é, por si só, uma nova lista.
Nessa nova lista, o item índice 1 irá equivaler à posição X do ponto e o item 2 à posição Y.
Adicione um evento ao Botão1
Adicione um evento de clique ao Botão2 para realizar a remoção do item selecionado e para atualizar a lista.
Adicione um evento ao Botão2
Adicione um procedimento que percorre a lista pontos e para cada item desenhe um círculo nas coordenadas de Pintura1 usando os valores dos itens índice 1 (X) e 2 (Y).
Desenhe os vértices
Adicione um procedimento que percorre a lista pontos e para cada item (p1), percorre novamente a lista, traçando linhas entre o p1 e o novo item atual (p2).
Desenhe as arestas
Adicione um procedimento para atualizar o VisualizadorDeListas1 e um evento em Temporizador1 para atualizar o desenho como um todo.
Atualizar a lista
Adicione um conjunto de pontos e veja se o aplicativo está se comportando como
deveria.
Altere o intervalo do Temporizador1 e
observe como isso se reflete na resposta à inclusão e exclusão de pontos.
Adicione elementos...
Exercício 1: pares e ímpares
Faça um aplicativo que leia valores digitados pelo usuário. Esses valores
devem ser distribuídos entre duas listas, uma para números pares e um para números ímpares.
●
Organize as duas listas lado a lado horizontalmente;
●
Adicione botões para remover itens de cada lista individualmente;
●
Adicione um conjunto de legendas para exibir a contagem de itens de
cada lista.
Exercício 2: rolador de dados
Faça um aplicativo que role dados e registre o resultado a cada rolagem.
●
Crie um botão “Rolar dado de 6 faces” que sorteie um valor de 1 a 6;
●
Adicione um VisualizadorDeListas que registre as rolagens em ordem inversa (última rolagem fica em primeiro lugar);
●
Adicione mais botões para outros tipos de dados: 4, 8, 10, 12 e 20 faces;
●
Projete procedimentos para deixar mais fácil de programar.
Exercício 3: registro de idades
Faça um aplicativo que guarde o nome, idade e altura de um conjunto de pessoas fornecido pelo usuário. O aplicativo deve sempre exibir o nome do mais velho e do mais alto a cada adição ou remoção.
●
Crie uma lista de listas: cada pessoa é uma lista com três itens apenas, nome, idade e altura;
●
Adicione um VisualizadorDeListas que mostre os dados das pessoas;
●
Adicione botões para adicionar e remover pessoas.
Exercício 4 (desafio): Caderno de Bancada
Faça um aplicativo que permita registrar leituras de experimentos. O aplicativo deve sempre exibir uma lista de experimentos e para cada experimento uma lista de leituras
●
Crie uma lista de listas: cada experimento é uma lista com uma lista de leituras;
●
Adicione um VisualizadorDeListas para experimentos;
●
Adicione um VisualizadorDeListas para leituras;
●
