Aula 03 - Quadros Ordenados

   A atividade feita em sala de aula consistia em posicionar horizontalmente 5 imagens de 20 x 30 px, estando 2 na horizontal e 3 na vertical,em uma janela de 180 px de largura com espaços iguais entre as imagens e as extremidades da janela.

   O exercício proposto foi a criação uma ferramenta que reorganizasse as imagens de acordo com duas variáveis: h para a quantidade de imagens na horizontal e v para a quantidade de imagens na vertical.

Código e discussão

Foram declaradas as variáveis: "h" corresponde a quantidade de retângulos na horizontal e "v" a quantidade de retângulos na vertical. A variável "comprimento" guardará a  soma do comprimento de todos os retângulos  e usando da variável "espacoLivre" teremos a diferença do tamanho da tela com o comprimento, dessa forma será possível encontrar o espaçamento exato entre os retângulos e as bordas do quadro.

 O tamanho da tela foi definido como 180x180 px e manteve-se a ideia original de construir 5 retangulos. porém nesse código é possivel definir quantos retangulos na horizontal e na vertical se deseja.

 A função qntR vai definir as distancias entre os retangulos e retorna o valor do espaçamento.

 A seguir temos a função desenho, para que ela funcione é preciso somente definir quantos quadrados estarão na horizontal (h). processo que é feito dentro da janela do draw.

 Usaremos duas variáveis, uma que irá receber o valor do espaçamento encontrado na função qntR (j) e outra que será responsável por atualizar as distancias entre as formas (k).

 Temos dois contadores "for",  o primeiro criará os retângulos na horizontal,  e o segundo na vertical. esses foram coloridos para uma melhor diferenciação.

 Para cada loop "k" recebe o valor do comprimento (horizontal ou vertical) mais o valor do espaçamento e ele mesmo para que as figuras não sejam sobrepostas.  

 O resultado obtido se encontra na ilustração abaixo: