Atividade 10 - Cliques em botão utilizando distância
A proposta da atividade é desenhar um botão com cantos arredondados utilizando distância 1D e 2D. Para detectar o clique no botão fiz o fundo da tela piscar em azul.
De início criei a função de distância 1D, que recebe dois valores de parâmetro, e retorna a diferença entre eles. Usei a função abs() para o valor sempre ser positivo.
Depois criei a funçaõ de distância 2D, que recebe os valores de x1, y1, x2, y2. Essa função retorna o seguinte cálculo:
Para desenhar o botão, fiz um quadrado com dois círculos em suas extremidades, como na figura a seguir:
Para saber quando o botão foi pressionado, utilizo a função mousePressed(), e dentro dela verifico se a distância 2D entre a se a posição x e y do mouse com as coordenadas de cada figura é maior que o centro delas. Caso seja, então mudo o background para azul.
Para baixar o projeto comentado clique aqui
De início criei a função de distância 1D, que recebe dois valores de parâmetro, e retorna a diferença entre eles. Usei a função abs() para o valor sempre ser positivo.
Depois criei a funçaõ de distância 2D, que recebe os valores de x1, y1, x2, y2. Essa função retorna o seguinte cálculo:
Na função draw(), desenho as 3 figuras e um texto com a palavra "clique".
Visual final do botão
Para saber quando o botão foi pressionado, utilizo a função mousePressed(), e dentro dela verifico se a distância 2D entre a se a posição x e y do mouse com as coordenadas de cada figura é maior que o centro delas. Caso seja, então mudo o background para azul.
Resultado final
Comentários
Postar um comentário