Crear cuadrado en JavaFX

Sheeraz Gul 15 febrero 2024
Crear cuadrado en JavaFX

Un cuadrado tiene todos los lados iguales entre sí; podemos usar la funcionalidad Rectángulo en JavaFX para crear un cuadrado. Este tutorial demuestra cómo crear un cuadrado en JavaFX.

Crear un cuadrado en JavaFX

La funcionalidad Rectangle crea cuatro formas laterales en JavaFX. La clase Rectangle pertenece a JavaFX.scene.shape.

Podemos crear una instancia de la clase Rectangle y crear Rectangle Node en JavaFX. La clase Rectángulo tiene cuatro propiedades básicas:

  1. x − Esta es la coordenada x del punto inicial del rectángulo.
  2. y − Esta es la coordenada y del punto inicial del rectángulo.
  3. width − Ancho del rectángulo.
  4. height − Altura del rectángulo.

La sintaxis de rectángulo y sus propiedades:

Rectangle rectangle = new Rectangle(x, y, width, height);

setX(value of x);
setY(value of y);
setWidth(width);
setHeight(height);

Para dibujar un cuadrado en JavaFX, siga los siguientes pasos.

  1. Cree una clase ampliando la clase Aplicación.
  2. Empezar a implementar el método start().
  3. Cree un cuadrado instanciando la clase Rectangle.
  4. Configure las propiedades del rectángulo. Asegúrate de que X sea igual a Y y que el ancho sea igual a la altura del cuadrado.
  5. Cree un objeto de grupo, cree una instancia de la clase de grupo y pásele el rectangle.
  6. Cree un objeto de escena, cree una instancia de la clase scene y pase el objeto de grupo a la escena.
  7. Establece el título usando el método setTitle().
  8. Agregue una escena al escenario utilizando el método setScene().
  9. Muestre el escenario utilizando el método show e inicie la aplicación.

Intentemos implementar un ejemplo basado en los pasos anteriores.

Código de ejemplo:

package delftstack;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class JavaFX_Square extends Application {
  @Override
  public void start(Stage Demo_Stage) {
    // Drawing a Square
    Rectangle Square = new Rectangle();

    // Setting the properties of the Square
    Square.setX(150.0f);
    Square.setY(150.0f);
    Square.setWidth(300.0f);
    Square.setHeight(300.0f);

    // Create a Group object
    Group Demo_Root = new Group(Square);

    // Create a scene object
    Scene Demo_Scene = new Scene(Demo_Root, 600, 600);

    // Set title to the Stage
    Demo_Stage.setTitle("Drawing Sqaure");

    // Add scene to the stage
    Demo_Stage.setScene(Demo_Scene);

    // Display the stage
    Demo_Stage.show();
  }
  public static void main(String args[]) {
    launch(args);
  }
}

El código anterior creará un círculo con una altura de 300 px y un ancho de 300 px. Ver salida:

Cuadrado JavaFX

Intentemos crear un cuadrado con esquinas redondeadas. Para las esquinas redondeadas usamos las propiedades setArcHeight() y setArcWidth(). Ver ejemplo:

package delftstack;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class JavaFX_Square extends Application {
  @Override
  public void start(Stage Demo_Stage) {
    // Drawing a Square
    Rectangle Square = new Rectangle();

    // Setting the properties of the Square
    Square.setX(150.0f);
    Square.setY(150.0f);
    Square.setWidth(300.0f);
    Square.setHeight(300.0f);
    Square.setArcHeight(35);
    Square.setArcWidth(35);
    Square.setFill(Color.LIGHTBLUE);

    // Create a Group object
    Group Demo_Root = new Group(Square);

    // Create a scene object
    Scene Demo_Scene = new Scene(Demo_Root, 600, 600);

    // Set title to the Stage
    Demo_Stage.setTitle("Drawing Sqaure");

    // Add scene to the stage
    Demo_Stage.setScene(Demo_Scene);

    // Display the stage
    Demo_Stage.show();
  }
  public static void main(String args[]) {
    launch(args);
  }
}

El código anterior creará un cuadrado de esquina redondeada con una altura y un ancho de 300 px. Ver salida:

Cuadrado redondo de JavaFX

Sheeraz Gul avatar Sheeraz Gul avatar

Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.

LinkedIn Facebook

Artículo relacionado - Java JavaFX