Aula09 - Estruturas de Repetição

Programação I
George Gomes
Estruturas de Repetição
Imagina que você foi contratado para
criar padrões geométricos para papeis
de parede
E terá que escrever um algoritmo para
desenhar o seguinte padrão
O código para criar esse padrão é o
seguinte (41 linhas de código)
E para criar a imagem abaixo 5 x 5?
(105 linhas de código)
Imagina que você precisa criar uma
imagem perfeita (sem irregularidades
para emendas do papel) para ser
impressa em um rolo de 50cm por 10m
Com estruturas de repetição, você
poderá criar uma imagem de
qualquer tamanho com pouco mais
de 10 linhas de código
Vamos começar com um exemplo
simples: desenhar 10 círculos lado a
lado
O código para desenhar os círculos
Se eu pedisse para desenhar 100 círculos?
Imagina calcular a posição de cada um
deles na tela?
Existe algum padrão de repetição no
código abaixo?
Todos os círculos possuem a mesma
dimensão 50 x 50 pixels
Eles também estão na mesma altura
(y = 50)
Para sua posição no eixo X, eles estão
a um distância de 50 pixels entre os
centros
50px 50px 50px 50px 50px 50px 50px 50px 50px
Posição X é incrementada em 50 px
Será que existe uma forma de automatizar
esse processo? Uma forma de definir
quantas vezes a instrução ellipse será
repetida só incrementando o valor de X?
Sim, a estrutura de repetição para (for)
Exemplo de um algoritmo que lista os

números inteiros de 1 a 10 em pseudocódigo
inteiro: i;
para i de 1 até 10 passo 1 faça
escreva(i);
Perceba a economia de linhas de código
Com esse laço, nós conseguimos

especificar em uma única linha, todas as
informações necessárias para a repetição
de ações (instruções)
Vamos olhar com calma a estrutura:
O comando toma a variável i e faz com que ela assuma
o papel de contadora. No exemplo anterior, a variável i
assumirá valores de 1 até 10, e o comando dentro do
laço será executado cada vez que i assumir cada um
dos 10 valores
...e esse tal ’passo 1’, o que significa?
...essa é a parte do comando que vai informar de que
maneira a variável i vai ser modificada a cada passada
do laço.
passo 1 significa que a variável i será incrementada de

uma unidade a cada passada do laço.
Por exemplo, se fosse para listar os números
inteiros pares de 1 a 10, como seria?
Em pseudocódigo
inteiro: i;
escreva (i);
Neste exemplo, a variável i vai assumir o valor
2 na primeira vez e vai ser incrementada de
duas unidades a cada passada do laço.
Em pseudocódigo
inteiro: i;
escreva (i);
Assim, a variável i vai assumir os valores 2, 4, 6, 8, 10 e 12.
Sim! a variável i vai assumir o valor 12, mas o laço não
será mais executado, ou seja, a instrução escreva não
será executada!!! Isso porque extrapolou o limite 10 e o
laço deve ser interrompido.
Em pseudocódigo
inteiro: i;
escreva (i);
...então, podemos esmiuçar esse laço
da seguinte forma:
ele usa uma variável contadora

ele dá um valor inicial a essa variável
ele modifica o valor dessa variável a cada
passada do laço
ele verifica se ainda pode continuar no laço
Inicialização Teste Atualização
da variável de (condição de da variável de
controle parada) controle
...o laço para tem representação
em Fluxograma? Tem!
Em Pseudocódigo:

escreva(i);
No fluxograma, podemos ver que toda
a estrutura básica do laço fica descrita
no bloco correspondente. A condição
da variável i ir “até 9” equivale a
condição “i <10” ou “i<=9”
No fluxograma, o algoritmo sairá do laço
quando a condição testada (i < 10)
resultar em falso
...e no Processing, como fica a estrutura
de repetição para?
Código equivalente no Processing
for na sintaxe do Processing
for(inicialização; condição; atualização){

comando1;
comando2;
…
}
Alguns detalhes importantes!
Toda a estrutura do laço (inicialização, teste
e atualização) fica entre parênteses.
a inicialização, o teste e a atualização
são separados por ponto-e-vírgula
o ponto-e-vírgula ao final dos comandos
dentro do laço se mantêm
o comando for é escrito todo em minúsculas
se houver mais de um comando dentro do
laço, então é necessário escrevê-los entre
chaves.
...mas, se dentro do laço tivermos apenas um
comando, o uso das chaves é opcional.
O exemplo abaixo funcionará sem problemas.
A declaração do tipo da variável pode ser
feita dentro do for. Aliás, é bem comum desta
forma, pois é mais simples
Curiosidade: Também é muito comum
encontrar a expressão i++ que é a
simplificação da expressão i = i+1 em muitas
linguagens de programação
Curiosidade: o Processing, assim como outras
linguagens de programação, como C++ e
Java, dispõe de notação para operadores de
incremento e decremento de variáveis,
seguindo o padrão abaixo:
Então, é escolha de cada pessoa escrever a
atualização da variável de controle na notação
longa, ou na notação alternativa. Vai funcionar
da mesma forma!
Vocês encontrarão mais comumente a
notação mais curta nos exemplos que
pesquisarem
Como seria solução do nosso
problema usando o for?
Vamos substituir print por ellipse com
os parâmetros y, largura e altura que
se repetem, mas precisamos calcular
a posição x
A posição x é incrementada em 50px, então
por que não usamos a variável i (que terá
valores 1,2,3,...,10) multiplicada por 50? Assim
teremos: 50, 100, 150, ..., 500
Modifique o exemplo anterior para
desenhar a seguinte peça
E essa?
E para essa peça?
Vamos analisar este exemplo!
A solução seria desenhar uma elipse
após a outra no mesmo centro
Qual é o padrão na alteração dos
parâmetros da elipse?
Não é a posição, pois possuem o
mesmo centro! É o tamanho!
Então, vamos usar a variável contadora i para
multiplicar um tamanho qualquer. Assim, a
cada passo da repetição (loop) uma nova
elipse maior será desenhada
O código seria assim: em uma janela de 600 x
600 com largura do contorno da elipse em 25
(strokeWeight), centro fixo (300,300), tamanho
variando 100 pixels, repetindo 10x
O problema que não aparece nada! Por que?
Por causa da ordem de desenho das ellipses
Neste caso, a ordem é importante, pois
uma elipse por “esconder” uma outra.
Por exemplo uma elipse maior
desenhada depois de uma menor
Então temos que mudar a condição de parada
e a atualização do contador i para começar
da maior para a menor
Variável i começa com 10, vai até 1 (i>0) e é
decrementada a cada interação
E para essa peça?
E para essa peça?
E para essa peça?
E para essa peça?
Resolva os exercícios e compartilha as soluções
e dúvidas nos fóruns de estruturas de repetição
O Teste de Mesa é uma forma excelente
para entender melhor o funcionamento das
estruturas de repetição.
Aqui está um link para um vídeo mostrando

um Teste de Mesa de um programa usando
o laço for:
https://www.youtube.com/watch?v=Atcfaafvs4M
Programação I
George Gomes

Aula09 - Estruturas de Repetição

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula09 - Estruturas de Repetição

Enviado por

Direitos autorais:

Formatos disponíveis

Programação I

50px 50px 50px 50px 50px 50px 50px 50px 50px

Exemplo de um algoritmo que lista os

Com esse laço, nós conseguimos

para i de 1 até 10 passo 1 faça

para i de 1 até 10 passo 1 faça

para i de 1 até 10 passo 1 faça

passo 1 significa que a variável i será incrementada de

para i de 1 até 10 passo 1 faça

ele usa uma variável contadora

para i de 1 até 9 passo 1 faça

for(inicialização; condição; atualização){

Aqui está um link para um vídeo mostrando

Você também pode gostar