Curso de JavaFX | 13. Insertar formas con JavaFX

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

En esta lección aprenderás a crear formas básicas utilizando JavaFX. Exploraremos cómo representar figuras geométricas en una escena gráfica, configurando propiedades como tamaño, color y posición. Las formas que veremos incluyen círculos, rectángulos, líneas, arcos, polígonos y polilíneas. ¡Comencemos!

Círculo

Un círculo es una forma básica que puedes insertar en tu aplicación JavaFX de manera sencilla. En este ejemplo, crearemos un círculo con color de relleno rojo, borde negro y un ancho de borde personalizado.

Circle circle = new Circle(40); 
circle.setFill(Color.RED); // Color de relleno
circle.setStroke(Color.BLACK); // Color del borde
circle.setStrokeWidth(2.0); // Ancho del borde

Propiedades importantes:

• setFill(Color color): Define el color de relleno del círculo.
• setStroke(Color color): Especifica el color del borde.
• setStrokeWidth(double width): Configura el ancho del borde.

Rectángulo

Los rectángulos son útiles para mostrar áreas específicas en la pantalla. Aquí creamos un rectángulo de color rojo con coordenadas de inicio, ancho y alto definidos.

Rectangle rect = new Rectangle(0,0, 120, 75);
rect.setFill(Color.RED);

Parámetros:

• x, y de la esquina superior izquierda del rectángulo (si es 0,0 se puede omitir).
• ancho y alto del rectángulo

Línea

Las líneas en JavaFX conectan dos puntos en la pantalla. Este es un ejemplo de una línea que conecta el punto (0, 0) con el (150, 50).

Line line = new Line(0, 0, 150, 50);

Parámetros:

• x,y del punto de origin
• x,y, del punto de destino

Arco

Los arcos son secciones de una elipse que puedes personalizar según tus necesidades. Este código crea un arco tipo «CHORD» con un inicio de ángulo y extensión definidos.

Arc arc = new Arc(0, 0, 50, 100, 0, 90);
arc.setType(ArcType.CHORD);

Parámetros:

• centerX
• centerY
• radiusX → El ancho de la elipse de la que forma parte el arco.
• radiusY → El alto de la elipse de la que forma parte el arco.
• startAngle → El ángulo inicial del arco.
• length → La extensión del arco en grados.

Polígono

Un polígono es una figura cerrada formada por una serie de puntos. Aquí creamos un polígono con bordes negros.

Polygon poligono = new Polygon();
poligono.getPoints().addAll(30.0, 0.0,
	130.0, 0.0, 
	120.00, 50.0, 
	0.0, 50.0);
poligono.setStroke(Color.BLACK);

Parámetros:

• Los pares de coordenadas x,y de cada uno de los puntos que componen el polígono.

Polilínea

A diferencia del polígono, una polilínea no se cierra automáticamente y conecta sus puntos de manera consecutiva. Este ejemplo muestra cómo crear una polilínea.

Polyline polilinea = new Polyline(100.0, 0.0, 
	120.0, 20.0, 
	110.0, 140.0, 
	100.0, 60.0, 
	80.0, 40.0, 
	80.0, 120.0);

Parámetros:

• Los pares de coordenadas x,y de cada uno de los puntos que componen el polígono.

Conclusión

Con estas formas básicas, puedes construir elementos gráficos complejos en tus proyectos JavaFX. Te invito a experimentar con las propiedades de cada forma y combinarlas para desarrollar diseños interesantes. En la próxima lección, aprenderemos a exportar proyectos JavaFX. ¡Sigue practicando!