Cómo crear líneas y formas en javafx

Se pueden crear líneas, rectángulos, círculos y arcos en JavaFX. Usted puede modificar fácilmente los tamaños, esquinas y otros atributos de formas. Aquí están los listados de código y ejemplos para cada uno.

Crear líneas en JavaFX

El tipo más básico de forma es una línea, creada con el Línea clase. Para crear una línea, se especifica el x y y las coordenadas de inicio y al final de la línea, como en este ejemplo:

Video: JavaFX 8 Tutorial - Conceptos Básicos #1 Español

línea 1 línea = nueva línea (0, 0, 100, 200) -

Este código crea una línea que va desde (0,0) a (100, 200).

Video: Como crear tus propios personajes desde Cero [Herramientas de lineas y formas]

Las líneas de la cuadrícula en esta figura se extrajeron por las formas de línea dentro de una para bucle, como este:

for (int i = 0- i lt; 600- i + = 10) {line1 Line = new Line (i, 0, i, 600) -line1.setStroke (Color.LIGHTGRAY) -Line line2 = new Line (0, i, 600, i) -line2. . setStroke (Color.LIGHTGRAY) -group1.getChildren () addAll (línea 1, línea 2) -}

los para bucle itera una variable yo de 0 a 600 en incrementos de 10. En cada iteración del bucle, se crean dos líneas: una línea vertical que utiliza la variable yo como su eje x y una línea horizontal que utiliza la variable yo como su eje y. El color del trazo para cada línea se establece en gris claro, y las líneas se añadió a continuación a una Grupo objeto nombrado grupo 1.

Crear rectángulos en JavaFX

Un rectángulo requiere una (X, y) punto, una anchura, y una altura de partida. Aquí está el código que crea un rectángulo:

Rectángulo r1 = new Rectángulo (50,25,100,140) -r1.setStroke (Color.BLACK) -r1.setFill (null) -r1.setStrokeWidth (3) -

Aquí el rectángulo comienza a las (50, 25). Su anchura es 100, y su altura es 140. Tenga en cuenta que el color de relleno se establece en nulo de modo que el rectángulo será transparente.

Video: Tablas con JavaFX y FXML (Insertar, modificar y eliminar elementos)

Se puede crear un rectángulo con esquinas redondeadas llamando al setArcWidth y setArcheight métodos. Aquí está el rectángulo redondeado en el medio de la primera fila de formas que se muestran en la figura:

Rectángulo r2 = new Rectángulo (250,25,100,140) -r2.setStroke (Color.BLACK) -r2.setFill (null) -r2.setStrokeWidth (3) -r2.setArcWidth (25) -r2.setArcHeight (25) -

Aquí, las esquinas están redondeadas con un arco cuya altura y anchura son ambos 25.

Puede crear algunas formas interesantes mediante el uso de valores desiguales para la anchura y la altura del arco. Para la tercera forma en la primera fila de la figura, la anchura del arco se establece a 75 y la altura a 125:

Creación de formas en JavaFX.

Rectángulo r3 = new Rectángulo (450,25,100,140) -r3.setStroke (Color.BLACK) -r3.setFill (null) -r3.setStrokeWidth (3) -r3.setArcWidth (75) -r3.setArcHeight (125) -

Crear círculos en JavaFX

Para crear un círculo, se utiliza el Circulo clase, especificando las direcciones x e y las coordenadas del centro del círculo y el radio. Aquí está el código que crea el círculo en la figura:

Circle c1 = new círculo (100, 300, 75) -c1.setStroke (Color.BLACK) -c1.setFill (null) -c1.setStrokeWidth (3) -

Un elipse es similar a un círculo, sino que tiene dos radios: uno en el eje x, y el otro en el eje y. Se especifica ambos radios en el constructor. Aquí está el código que crea la primera elipse en la figura:

Elipse e1 = nueva elipse (300, 300, 75, 40) -e1.setStroke (Color.BLACK) -e1.setFill (null) -e1.setStrokeWidth (3) -

La segunda elipse es similar, pero los ejes x y y-radios están invertidos:

Elipse e2 = new Elipse (300, 300, 40, 75) -

Crear arcos en JavaFX

Otro tipo útil de forma es una arco, que es un segmento de una elipse. Para crear un arco, se suministran los parámetros de la elipse y luego usted indica el ángulo en el que comienza el arco: 0 es el este (3:00 en una esfera de reloj). Por último, usted indica el longitud, el cual representa la cantidad de la elipse los vanos de arco y también se expresa en grados.

Lo importante a saber es que el arco se desplaza hacia la izquierda del punto de partida. Si especifica / 90 como punto de partida y 90 como la extensión, el arco se desplaza desde 12:00 alta a 09:00, como se muestra en la primera forma en la tercera fila en la figura.

JavaFX puede crear tres tipos de arcos, que se puede especificar a través de la setType método:

  • ArcType.OPEN: Indica que desea dibujar sólo el propio arco

  • ArcType.CHORD: Significa que desea dibujar el arco y luego conectar los extremos con una línea recta para crear una forma cerrada

  • ArcType.ROUND: Significa que desea utilizar líneas rectas para conectar los extremos hacia el centro de la elipse, creando así una forma que se parece a un trozo de tarta

He aquí un ejemplo que crea el primer arco se muestra en la figura:

Arco a1 = nuevo arco (150, 550, 100, 100, 90, 90) -a1.setType (ArcType.OPEN) -a1.setStroke (Color.BLACK) -a1.setFill (null) -a1.setStrokeWidth (3) -

El segundo arco se crea con estas declaraciones:

Arco a2 = nuevo arco (300, 550, 100, 100, 45, 90) -a2.setType (ArcType.CHORD) -a2.setStroke (Color.BLACK) -a2.setFill (null) -a2.setStrokeWidth (3) -

Por último, el tercer arco (la porción del gráfico) se crea en estas declaraciones:

Video: JavaFX Canvas Node

Arco a3 = nuevo arco (500, 550, 100, 100, 45, 90) -a3.setType (ArcType.ROUND) -a3.setStroke (Color.BLACK) -a3.setFill (null) -a3.setStrokeWidth (3) -
Artículos Relacionados