Desenhe linhas em JavaFX - Como criar formas facilmente

Desenhar formas é uma parte fundamental do desenvolvimento de GUI. Com JavaFX, você pode facilmente criar várias formas que dão à sua aplicação mais apelo visual. Neste tutorial, focaremos na forma mais simples: a linha. Você vai aprender como desenhar, ajustar e estilizar uma linha em uma cena JavaFX.

Principais conclusões

• Uso da classe Line para criar uma linha em JavaFX.
• Ajuste da cor e largura da linha.
• Introdução a linhas tracejadas e vários estilos de linha.

Guia passo a passo

Para criar uma linha em JavaFX, siga estes passos:

Passo 1: Criar uma HBox básica

Para representar sua linha, primeiro você precisa criar uma HBox. Esta serve como contêiner para todos os componentes gráficos.

Primeiro, a caixa é instanciada. Você pode criar uma nova HBox usando o seguinte código:

HBox box = new HBox();

Passo 2: Criar uma cena

Agora é hora de criar uma cena onde sua HBox será inserida. Você pode definir o tamanho da cena e, portanto, da área de desenho para 400x400 pixels.

Aqui está o código para criar a cena:

Scene scene = new Scene(box, 400, 400);

Passo 3: Inserir uma linha

Para desenhar uma linha, você utiliza a classe Line. Esta permite que você especifique os pontos de início e fim da linha diretamente no construtor.

Por exemplo, você cria uma linha que vai do ponto (0,0) ao ponto (200,200):

Line line = new Line(0, 0, 200, 200);

Passo 4: Adicionar a linha à cena

Para tornar a linha visível, você deve adicioná-la à HBox. Para isso, utiliza o método getChildren().addAll().

Aqui está o código correspondente:

box.getChildren().addAll(line);

Passo 5: Entender o ponto de origem

Uma característica importante do JavaFX é que o ponto de origem está localizado no canto superior esquerdo da área de desenho. Aqui, os valores positivos vão para baixo no eixo y e para a direita no eixo x.

Passo 6: Colorir a linha

Para tornar a linha mais visível, você pode mudar a cor com o comando setStroke().

Use este código para mudar a cor para vermelho:

line.setStroke(Color.RED);

Passo 7: Ajustar a espessura da linha

Você também pode ajustar a largura da linha. Para isso, utilize o método setStrokeWidth().

Use este código para aumentar a largura para 25 pixels:

line.setStrokeWidth(25);

Passo 8: Criar linhas tracejadas

Para criar uma linha tracejada, você precisa do DashArray. Este método permite que você defina padrões para a linha.

Aqui está um exemplo de como criar uma linha tracejada:

line.getStrokeDashArray().addAll(10.0, 20.0);

Passo 9: Definir o estilo da linha

A ponta da linha pode ser arredondada ou angular. Para definir o estilo como arredondado, use o comando setStrokeLineCap().

Aqui está o código correspondente:

line.setStrokeLineCap(StrokeLineCap.ROUND);

Passo 10: Exercício interativo

Agora que você conhece os princípios de desenhar linhas em JavaFX, pode tentar um pequeno exercício. Tente desenhar uma casa simples usando linhas para a fundação e o telhado.

Pause o vídeo e tente esboçar uma casa!

Resumo

Neste tutorial, você aprendeu a criar, ajustar e estilizar uma linha em JavaFX. Você conheceu os fundamentos da interface gráfica para continuar com outras Shapes em vídeos futuros.