Curva cúbica del elemento de ruta de formas 2D

La curva cúbica del elemento de ruta se utiliza para dibujar una cubic curve a un punto en las coordenadas especificadas desde la posición actual.

Está representado por una clase llamada CubicCurveTo. Esta clase pertenece al paquetejavafx.scene.shape.

Esta clase tiene 6 propiedades del tipo de datos doble, a saber:

setX - La coordenada x del punto al que se va a dibujar una curva desde la posición actual.
setX - La coordenada y del punto al que se va a dibujar una curva desde la posición actual.
controlX1- la coordenada x de la 1 ^st punto de control de la curva.
controlY1- La coordenada y de la 1 ^st punto de control de la curva.
controlX2- La coordenada x del ^2º punto de control de la curva.
controlY2- La coordenada y del ^2º punto de control de la curva.

Para dibujar una curva cúbica, debe pasar valores a estas propiedades. Esto se puede hacer pasándolos al constructor de esta clase. Estos deben estar en el mismo orden en que estaban en el momento de la instanciación, como se muestra a continuación:

CubicCurveTo cubiccurve = new CubicCurveTo(
   X, Y, controlX1, controlY1, controlX2, controlY2);

O, utilizando sus respectivos métodos de establecimiento como se muestra a continuación:

setX(value); 
setY(value); 
setControlX1(value); 
setControlY1(value); 
setControlX2(value); 
setControlY2(value);

Pasos para dibujar la curva cúbica de PathElement

Para dibujar una curva cúbica a un punto especificado desde la posición actual en JavaFX, siga los pasos que se indican a continuación.

Paso 1: crear una clase

Cree una clase Java y herede la Application clase del paquete javafx.application. Entonces puede implementar elstart() método de esta clase como se muestra a continuación.

public class ClassName extends Application { 
   @Override     
   public void start(Stage primaryStage) throws Exception {     
   }    
}

Paso 2: crear el objeto de clase de ruta

Cree el objeto de clase de ruta como se muestra en el siguiente bloque de código.

//Creating a Path object 
Path path = new Path();

Paso 3: crea una ruta

Crea el MoveToelemento de ruta y establezca las coordenadas XY en el punto de inicio de la línea a las coordenadas (100, 150). Esto se puede hacer usando los métodossetX() y setY() de la clase MoveTo Como se muestra abajo.

//Moving to the starting point 
MoveTo moveTo = new MoveTo(); 
moveTo.setX(100.0f); 
moveTo.setY(150.0f);

Paso 4: Crear un objeto de la clase CubicCurveTo

Cree la curva cuadrática del elemento de ruta instanciando la clase llamada CubicCurveTo, que pertenece al paquete javafx.scene.shape como se muestra a continuación -

//Creating an object of the class CubicCurveTo 
CubicCurveTo cubicCurveTo= new CubicCurveTo ();

Paso 5: Establecer propiedades para el elemento de curva cúbica

Especifique las coordenadas del punto al que se dibujará una curva cúbica desde la posición actual. Luego, debe establecer las propiedades x, y, controlX1, controlY1, controlX2, controlY2 y las coordenadas del punto de control mediante sus métodos de establecimiento como se muestra a continuación.

//Setting properties of the class CubicCurve            
cubicCurveTo.setControlX1(400.0f); 
cubicCurveTo.setControlY1(40.0f); 
cubicCurveTo.setControlX2(175.0f); 
cubicCurveTo.setControlY2(250.0f);
cubicCurveTo.setX(500.0f); 
cubicCurveTo.setY(150.0f);

Paso 6: agregar elementos a la lista observable de la clase de ruta

Agrega los elementos de la ruta → MoveTo y CubicCurveTo, creado en los pasos anteriores a la lista observable de la Path clase de la siguiente manera -

//Adding the path elements to Observable list of the Path class   
path.getElements().add(moveTo); 
path.getElements().add(cubicCurveTo);

Paso 7: creación de un objeto de grupo

Cree un objeto de grupo creando una instancia de la clase llamada Group, que pertenece al paquete javafx.scene.

Pase el objeto Line (nodo) creado en el paso anterior como parámetro al constructor de la clase Group. Esto se puede hacer para agregarlo al grupo como se muestra a continuación:

Group root = new Group(line);

Paso 8: creación de un objeto de escena

Cree una escena creando una instancia de la clase llamada Scene que pertenece al paquete javafx.scene. A esta clase, pase el objeto Grupo(root) creado en el paso anterior.

Además del objeto raíz, también puede pasar dos parámetros dobles que representan la altura y el ancho de la pantalla junto con el objeto de la clase Group de la siguiente manera:

Scene scene = new Scene(group ,600, 300);

Paso 9: Establecer el título del escenario

Puede establecer el título del escenario utilizando el setTitle() método del Stageclase. losprimaryStage es un objeto Stage que se pasa al método de inicio de la clase de escena como parámetro.

Utilizando el primaryStage objeto, establezca el título de la escena como Sample Application como sigue.

primaryStage.setTitle("Sample Application");

Paso 10: Agregar escena al escenario

Puede agregar un objeto de escena al escenario usando el método setScene() de la clase nombrada Stage. Agregue el objeto Scene preparado en los pasos anteriores utilizando este método como se muestra a continuación:

primaryStage.setScene(scene);

Paso 11: Visualización del contenido del escenario

Muestre el contenido de la escena usando el método llamado show() del Stage clase de la siguiente manera.

primaryStage.show();

Paso 12: Lanzamiento de la aplicación

Inicie la aplicación JavaFX llamando al método estático launch() del Application class del método principal de la siguiente manera.

public static void main(String args[]){   
   launch(args);      
}

Ejemplo

A continuación se muestra el programa que dibuja una curva cúbica desde el punto actual a una posición especificada utilizando la clase denominada Pathde JavaFX. Guarde este código en un archivo con el nombreCubicCurveToExample.java.

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.CubicCurveTo; 
import javafx.scene.shape.MoveTo; 
import javafx.scene.shape.Path; 
         
public class CubicCurveToExample extends Application {  
   @Override 
   public void start(Stage stage) {        
      //Creating an object of the class named Path 
      Path path = new Path();  
      
      //Moving to the starting point 
      MoveTo moveTo = new MoveTo(); 
      moveTo.setX(100.0); 
      moveTo.setY(150.0);
      
      //Instantiating the class CubicCurve 
      CubicCurveTo cubicCurveTo = new CubicCurveTo(); 
       
      //Setting properties of the class CubicCurve            
      cubicCurveTo.setControlX1(400.0f); 
      cubicCurveTo.setControlY1(40.0f); 
      cubicCurveTo.setControlX2(175.0f); 
      cubicCurveTo.setControlY2(250.0f); 
      cubicCurveTo.setX(500.0f); 
      cubicCurveTo.setY(150.0f);       
       
      //Adding the path elements to Observable list of the Path class 
      path.getElements().add(moveTo);       
      path.getElements().add(cubicCurveTo);         
      
      //Creating a Group object  
      Group root = new Group(path); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Drawing a cubic through a specified path"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   }      
   public static void main(String args[]){ 
      launch(args); 
   }
}

Compile y ejecute el archivo java guardado desde el símbolo del sistema utilizando los siguientes comandos.

javac CubicCurveToExample.java 
java CubicCurveToExample

Al ejecutarse, el programa anterior genera una ventana JavaFX que muestra una curva cúbica. Se dibuja desde la posición actual hasta el punto especificado como se muestra a continuación.

↰ Previous page